const {useState, useMemo, useRef, useEffect, useCallback} = React;
// ===== BẪY LỖI TOÀN CỤC: khi app crash (trước đây chỉ thấy "màn hình xanh" trống), hiện HỘP ĐỎ ghi rõ lỗi + vị trí để chẩn đoán =====
(function(){
  if(window.__ctgErrTrap) return; window.__ctgErrTrap=1;
  function show(msg){
    try{
      var el=document.getElementById('ctg-fatal-err');
      if(!el){ el=document.createElement('div'); el.id='ctg-fatal-err';
        el.style.cssText='position:fixed;left:10px;right:10px;bottom:10px;z-index:99999;background:#7f1d1d;color:#fff;border:2px solid #ef4444;border-radius:10px;padding:12px 14px;font:12px/1.5 monospace;max-height:45vh;overflow:auto;white-space:pre-wrap;';
        document.body.appendChild(el);
      }
      el.textContent='💥 APP GẶP LỖI — chụp màn hình hộp này gửi hỗ trợ:\n'+msg+'\n(F5 để tải lại app)';
    }catch(e){}
  }
  window.addEventListener('error', function(ev){ show((ev.message||'')+'\n'+(ev.filename||'')+':'+(ev.lineno||'')+(ev.error&&ev.error.stack?('\n'+String(ev.error.stack).split('\n').slice(0,6).join('\n')):'')); });
  window.addEventListener('unhandledrejection', function(ev){ var r=ev.reason||{}; show('Promise: '+(r.message||String(r))+(r.stack?('\n'+String(r.stack).split('\n').slice(0,6).join('\n')):'')); });
})();
// ===== MIỄN NHIỄM TRÌNH DỊCH/EXTENSION SỬA DOM (Cốc Cốc/Google Translate...) =====
// Các trình dịch tự bọc chữ trong bảng bằng thẻ <font> -> React dọn DOM cũ khi đổi tuần thì node đã bị tráo ->
// "Failed to execute 'removeChild' on 'Node'" và app sập. Đây là workaround CHUẨN cho React + translate (facebook/react#11538):
// removeChild/insertBefore trở nên "bao dung" khi node đã bị bên thứ ba di dời, thay vì ném lỗi làm chết app.
(function(){
  if(window.__ctgDomPatch) return; window.__ctgDomPatch=1;
  if(typeof Node==='function' && Node.prototype){
    var _remove=Node.prototype.removeChild;
    Node.prototype.removeChild=function(child){
      if(child && child.parentNode!==this){ try{ console.warn('CTG: bỏ qua removeChild lệch cha (trình dịch/extension đã sửa DOM)'); }catch(e){} return child; }
      return _remove.apply(this, arguments);
    };
    var _insert=Node.prototype.insertBefore;
    Node.prototype.insertBefore=function(newNode, refNode){
      if(refNode && refNode.parentNode!==this){ try{ console.warn('CTG: insertBefore lệch cha -> chèn cuối'); }catch(e){} return _insert.call(this, newNode, null); }
      return _insert.apply(this, arguments);
    };
  }
  // Cấm trình dịch tự động đụng vào vùng app (giảm hẳn nguồn sửa DOM)
  function tagRoot(){ var r=document.getElementById('root'); if(r){ r.setAttribute('translate','no'); r.classList.add('notranslate'); } }
  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded', tagRoot); else tagRoot();
})();
const TODAY = (function(){var d=new Date();function z(n){return (n<10?"0":"")+n;}return d.getFullYear()+"-"+z(d.getMonth()+1)+"-"+z(d.getDate());})();

/* ============== HẰNG SỐ (đúng theo app gốc) ============== */
const GENDERS=["Nam","Nữ"];
const FATMETHOD=["InBody","Kẹp mỡ 1 điểm","Kẹp mỡ 3 điểm"];
const SLEEP=["Ngủ như chết","Cũng cũng","Mất ngủ"];
const STRESS=["Tươi phơi phới","Cũng cũng","Stress vcl"];
const TANGTIEN=["Tăng tiến tốt","Chững tạ","Yếu đi"];
const GOALS=["Tăng cơ","Giảm mỡ","Giữ cân","Mini cutting","Tăng cơ + giảm mỡ"];
const SETQ=["Nỗ lực tối đa","Bình thường","Chưa hết sức"];
const PROG=["Tốt","Chững","Tệ"];
const MET_REF=[["Đá bóng","7.0–8.0"],["Bơi lội (trung bình)","5.8"],["Chạy bộ (8km/h)","8.3"],["Cầu lông / Tennis","5.5–7.0"],["Yoga / Pilates","2.5–3.0"],["Đạp xe (thong thả)","4.0"]];
const MEAL_NAMES=["Bữa sáng","Bữa trưa","Bữa tối","Bữa phụ 1","Bữa phụ 2"];

/* ── WordPress REST API helper ── */
async function apiFetch(path,opts={}){
	const base=window.location.origin;
	const ctrl=new AbortController();
	const t=(opts.timeoutMs===0)?null:setTimeout(()=>ctrl.abort(),opts.timeoutMs||15000);
	let r;
	try{
		r=await fetch(base+"/wp-json/ctg/v1/"+path,{
			headers:{"Content-Type":"application/json","X-WP-Nonce":window.wpApiSettings?.nonce||window.ctgNonce||""},
			credentials:"include",signal:ctrl.signal,...opts
		});
	}finally{ if(t) clearTimeout(t); }
	if(!r.ok){
		const txt=await r.text().catch(()=>"");
		let errMsg="API error "+r.status;
		try{
			const e=JSON.parse(txt);
			if(e.message) errMsg=e.message;
		}catch(err){
			if(txt) errMsg+=": "+txt.slice(0,300);
		}
		throw new Error(errMsg);
	}
	return r.json();
}

// ── Check-in bước chân + Mục tiêu ngày (tự tính, coach sửa tay được) ──
async function getDailyCheckin(userId,date){
  if(!userId||!date) return null;
  try{ return await apiFetch("daily-checkin?user_id="+userId+"&date="+date); }
  catch(e){ return null; }
}
async function postDailyCheckin(payload){
  console.log("postDailyCheckin called with payload:", payload);
  try {
    const res = await apiFetch("daily-checkin",{method:"POST",body:JSON.stringify(payload)});
    console.log("postDailyCheckin success:", res);
    return res;
  } catch(e) {
    console.error("postDailyCheckin failed:", e);
    throw e;
  }
}
// Lịch sử toàn bộ bước chân đã check-in của 1 user (không kèm date) — dùng để dựng báo cáo thật theo khoảng ngày
async function getDailyCheckinHistory(userId){
  if(!userId) return [];
  try{ 
    const d=await apiFetch("daily-checkin?user_id="+userId); 
    let history = Array.isArray(d)?d:[];
    
    // Merge fallback goals from localStorage if backend dropped them
    try {
      const storedGoals = JSON.parse(localStorage.getItem('ctg_daily_goals') || '{}');
      const storedSteps = JSON.parse(localStorage.getItem('ctg_daily_steps') || '{}');
      history = history.map(item => {
        const localG = storedGoals[`${userId}_${item.checkin_date}`];
        const localS = storedSteps[`${userId}_${item.checkin_date}`];
        return {
          ...item,
          goal: (localG && !item.goal) ? localG : item.goal,
          steps: (localS != null && item.steps == null) ? localS : item.steps,
        };
      });
      // Inject days that might only exist in localStorage (goals)
      Object.keys(storedGoals).forEach(key => {
        if (key.startsWith(userId + '_')) {
          const dt = key.split('_')[1];
          if (!history.find(x => x.checkin_date === dt)) {
            history.push({ checkin_date: dt, goal: storedGoals[key], steps: storedSteps[`${userId}_${dt}`] ?? null });
          }
        }
      });
      // Inject days that might only exist in localStorage (steps only)
      Object.keys(storedSteps).forEach(key => {
        if (key.startsWith(userId + '_')) {
          const dt = key.split('_')[1];
          if (!history.find(x => x.checkin_date === dt)) {
            history.push({ checkin_date: dt, steps: storedSteps[key], goal: storedGoals[`${userId}_${dt}`] || null });
          }
        }
      });
    } catch(e) {}
    
    return history;
  }
  catch(e){ 
    let history = [];
    try {
      const storedGoals = JSON.parse(localStorage.getItem('ctg_daily_goals') || '{}');
      const storedSteps = JSON.parse(localStorage.getItem('ctg_daily_steps') || '{}');
      const allDates = new Set([
        ...Object.keys(storedGoals).filter(k=>k.startsWith(userId+'_')).map(k=>k.split('_')[1]),
        ...Object.keys(storedSteps).filter(k=>k.startsWith(userId+'_')).map(k=>k.split('_')[1]),
      ]);
      allDates.forEach(dt => {
        history.push({ checkin_date: dt, goal: storedGoals[`${userId}_${dt}`]||null, steps: storedSteps[`${userId}_${dt}`]??null });
      });
    } catch(err) {}
    return history; 
  }
}
// Gộp /meals (đã fetch full lịch sử) theo ngày + lịch sử bước chân + goal hiện tại
// => mảng {email,date,steps,pro,carb,fat,goal,problem} thay thế hoàn toàn dữ liệu demo DAILY, dùng cho mọi báo cáo thật
function buildDailyHistory(email,meals,checkinHistory,globalGoal){
  const checkinByDate={};
  const checkinDates = [];
  (checkinHistory||[]).forEach(c=>{ 
    checkinByDate[c.checkin_date] = { steps: c.steps!=null ? +c.steps : null, goal: c.goal }; 
    checkinDates.push(c.checkin_date);
  });
  const byDate={};
  (meals||[]).forEach(m=>{
    const dt=m.date; if(!dt) return;
    if(!byDate[dt]) byDate[dt]={pro:0,carb:0,fat:0};
    byDate[dt].pro+=(+m.pro||0); byDate[dt].carb+=(+m.carb||0); byDate[dt].fat+=(+m.fat||0);
  });
  const allDates = [...new Set([...Object.keys(byDate), ...checkinDates])].sort();
  let lastGoal = globalGoal;
  let lastSteps = 9000;
  const goalByDate = {};
  const stepsByDate = {};
  allDates.forEach(dt => {
    if (checkinByDate[dt]) {
      if (checkinByDate[dt].goal) lastGoal = checkinByDate[dt].goal;
      if (checkinByDate[dt].steps != null) lastSteps = checkinByDate[dt].steps;
    }
    goalByDate[dt] = lastGoal;
    stepsByDate[dt] = lastSteps;
  });
  return Object.keys(byDate).sort().map(dt=>{
    return {
      email, date:dt, goal: goalByDate[dt]||globalGoal,
      steps: stepsByDate[dt] != null ? stepsByDate[dt] : 9000,
      pro:byDate[dt].pro, carb:byDate[dt].carb, fat:byDate[dt].fat, problem:""
    };
  });
}
async function getStudentGoal(userId){
  if(!userId) return "";
  console.log("getStudentGoal called for user:", userId);
  try{ 
    const d=await apiFetch("student-goal?user_id="+userId); 
    console.log("getStudentGoal result:", d);
    return d&&d.goal||""; 
  } catch(e){ 
    console.error("getStudentGoal failed:", e);
    return ""; 
  }
}
async function postStudentGoal(userId,goal){
  console.log("postStudentGoal called for user:", userId, "with goal:", goal);
  try {
    const res = await apiFetch("student-goal",{method:"POST",body:JSON.stringify({user_id:userId,goal})});
    console.log("postStudentGoal success:", res);
    return res;
  } catch(err) {
    console.error("postStudentGoal failed:", err);
    throw err;
  }
}

// ── Số buổi tập cam kết/tuần + phân loại trạng thái tập luyện (dùng cho card riêng + Bảng quản lý) ──
async function getSessionsTarget(userId){
  if(!userId) return null;
  try{ const d=await apiFetch("sessions-target?user_id="+userId); return d&&d.sessionsTarget!=null?+d.sessionsTarget:null; }
  catch(e){ return null; }
}
async function postSessionsTarget(userId,n){
  return await apiFetch("sessions-target",{method:"POST",body:JSON.stringify({user_id:userId,sessionsTarget:n})});
}
async function getAllSessionsTargets(){
  try{ const d=await apiFetch("sessions-target"); return (d&&typeof d==="object")?d:{}; }catch(e){ return {}; }
}
async function getAllMembersTier(){
  try{ const d=await apiFetch("members-tier"); return (d&&typeof d==="object")?d:{}; }catch(e){ return {}; }
}
// Đếm số buổi tập (bản ghi workout) trong [r1,r2] của 1 email, quy đổi ra buổi/tuần trung bình
async function getDashboardBatch(userIds){
	if(!userIds || !userIds.length) return {};
	try{
		const res = await apiFetch('dashboard-batch?user_ids='+userIds.join(','));
		return res && typeof res==='object' ? res : {};
	}catch(e){ return {}; }
}

async function getUsersRegistered(ids){
	if(!ids || !ids.length) return {};
	try{
		const res = await apiFetch('users-registered?ids='+ids.join(','));
		return res && typeof res==='object' ? res : {};
	}catch(e){ return {}; }
}

function sessionsPerWeekIn(email,r1,r2,workoutList){
  const list=(workoutList||[]).filter(w=>w.email===email && D(w.date)>=D(r1) && D(w.date)<=D(r2));
  const nd=dayDiff(r2,r1)+1;
  return {count:list.length, perWeek: list.length/nd*7, days:nd};
}
// Thang 5 mức đã duyệt: ≥110% Xuất sắc · 90-110% Tốt · 70-90% Trung bình · 40-70% Cần cải thiện · <40% Bỏ tập
function classifyTraining(actualPerWeek,targetPerWeek){
  if(!targetPerWeek||targetPerWeek<=0) return {label:"Chưa đặt cam kết",color:"#9aa6b6",pct:null};
  const pct=Math.round(actualPerWeek/targetPerWeek*100);
  if(pct>=110) return {label:"🏆 Xuất sắc",color:"#16a34a",pct};
  if(pct>=90)  return {label:"✅ Tốt",color:"#16a34a",pct};
  if(pct>=70)  return {label:"➖ Trung bình",color:"#d97706",pct};
  if(pct>=40)  return {label:"⚠️ Cần cải thiện",color:"#d97706",pct};
  return {label:"🔴 Bỏ tập",color:"#dc2626",pct};
}

// images: [{base64, mime}] — hỗ trợ nhiều ảnh 1 lần
// Gọi qua proxy server (WordPress giữ API key, không lộ ra trình duyệt)
async function analyzeFood(images,textDesc,tg,acc){
  const rem={pro:Math.max(0,Math.round(tg.pro-acc.pro)),carb:Math.max(0,Math.round(tg.carb-acc.carb)),fat:Math.max(0,Math.round(tg.fat-acc.fat))};
  const nImg=images.length;
  const prompt=`Bạn là chuyên gia dinh dưỡng thể thao. Mọi số liệu macro (đạm/carb/béo/calo) PHẢI lấy theo Bảng thành phần thực phẩm Việt Nam của Viện Dinh dưỡng Quốc gia, tính theo khẩu phần thực tế, KHÔNG được bịa số. 
NHIỆM VỤ ĐẶC BIỆT:
1. Phân tích ${nImg>0?nImg+" ảnh bữa ăn dưới đây":"mô tả bữa ăn dưới đây"} để ước tính khẩu phần.
2. NẾU TRONG ẢNH CÓ THỰC PHẨM ĐÓNG GÓI: Nhận diện nhãn hiệu để tra cứu macro chuẩn, hoặc ĐỌC trực tiếp Bảng Thành Phần Dinh Dưỡng (Nutrition Facts) trên bao bì nếu thấy rõ trong ảnh để tính toán chính xác tuyệt đối.
${textDesc?"3. LƯU Ý TỪ NGƯỜI DÙNG: \"\"\""+textDesc+"\"\"\". Bắt buộc tính toán khẩu phần dựa trên ghi chú này (VD: người dùng bảo ăn 1 nửa thì chia đôi macro của ảnh).":""}

Trả về JSON tiếng Việt:
{"foods":["tên món + khẩu phần ước tính, ví dụ: Cơm trắng 150g"],"macros":{"pro":0,"carb":0,"fat":0,"calo":0},"nhanXet":"nhận xét ngắn về bữa ăn (1-2 câu)","canhBao":["cảnh báo nếu có, để mảng rỗng nếu ổn"]}

Mục tiêu cả ngày: ${Math.round(tg.calo)} kcal (${tg.goal||""}) · Pro ${Math.round(tg.pro)}g · Carb ${Math.round(tg.carb)}g · Fat ${Math.round(tg.fat)}g
Đã nạp hôm nay trước bữa này: Pro ${Math.round(acc.pro)}g · Carb ${Math.round(acc.carb)}g · Fat ${Math.round(acc.fat)}g
Còn dư để nạp: Pro ${rem.pro}g · Carb ${rem.carb}g · Fat ${rem.fat}g

Nếu bữa này làm vượt lượng còn dư >20% ở bất kỳ macro nào, hãy cảnh báo cụ thể và đề xuất điều chỉnh bữa sau.`;
  return await apiFetch("analyze-food",{method:"POST",timeoutMs:0,body:JSON.stringify({prompt,images})});
}

/* ============== HẰNG SỐ VAI TRÒ (không phải dữ liệu mẫu) ============== */
const ADMINS = ["coach@ctgfitness.com"];
const ADMIN = {email:"coach@ctgfitness.com", name:"Coach CTG"};

/* ============== CALC ENGINE (theo spec verbatim) ============== */
const D = s => new Date(s+"T00:00:00");
const pad = n => String(n).padStart(2,"0");
const iso = d => d.getFullYear()+"-"+pad(d.getMonth()+1)+"-"+pad(d.getDate());
const fmtD = s => { const d=D(s); return d.getDate()+"/"+(d.getMonth()+1); };
const fmtDMY = s => { const d=D(s); return pad(d.getDate())+"/"+pad(d.getMonth()+1)+"/"+d.getFullYear(); };
const addDays = (d,n) => { const x=new Date(d); x.setDate(x.getDate()+n); return x; };
const startOfWeek = d => { const x=new Date(d); const wd=(x.getDay()+6)%7; return addDays(x,-wd); };
const WDS = ["T2","T3","T4","T5","T6","T7","CN"];
const dayDiff = (a,b)=> Math.round((D(a)-D(b))/86400000);
const r1n = x => Math.round(x*10)/10;

// bodyfat tự tính (theo phương pháp đo) — Jackson–Pollock
function calcBodyfat(method,gender,age,inbody,s1,s2,s3,one){
  if(method==="InBody") return +inbody||0;
  if(method==="Kẹp mỡ 3 điểm"){
    const S=(+s1||0)+(+s2||0)+(+s3||0); if(S<=0) return 0;
    if(gender==="Nam") return r1n(495/(1.10938 - 0.0008267*S + (16*S*S/1e7) - 0.0002574*age) - 450);
    return r1n(495/(1.0994921 - 0.0009929*S + (23*S*S/1e7) - 0.0001392*age) - 450);
  }
  if(method==="Kẹp mỡ 1 điểm"){
    const x=+one||0; if(x<=0) return 0;
    if(gender==="Nam") return r1n(x*1.12 - x*x*0.011 + age*0.13 - 1.2);
    return r1n(x*1.28 - x*x*0.013 + age*0.12 + 4.5);
  }
  return 0;
}
// bodyList/workoutList: mảng dữ liệu thật từ server — luôn truyền vào từ nơi gọi, mặc định [] nếu chưa có (không còn dữ liệu demo fallback)
function latestBody(email,date,bodyList){
  const list = bodyList || [];
  const rows = list.filter(b=>D(b.date)<=D(date)).sort((a,b)=>D(b.date)-D(a.date));
  return rows[0] || list.sort((a,b)=>D(a.date)-D(b.date))[0] || null;
}
function bodyOn(email,date,bodyList){ const list=bodyList||[]; return list.find(b=>b.date===date) || null; }
const lbmOf = b => b ? +(b.weight*(1-b.bodyfat/100)).toFixed(1) : 0;
function bmr(email,date,bodyList){ const b=latestBody(email,date,bodyList); return b ? 370 + 21.6*lbmOf(b) : 0; }
function weightAt(email,date,bodyList){ const b=latestBody(email,date,bodyList); return b ? b.weight : 0; }
function caloBurn(w,bodyList){ const wt=weightAt(w.email,w.date,bodyList); return (w.met*3.5*wt/200)*w.min; }
function tdee(email,date,steps,workoutList,bodyList){
  const wt=weightAt(email,date,bodyList);
  const stepCal = steps/100*(2.5*3.5*wt/200);
  const wlist = workoutList || [];
  const workoutCal = wlist.filter(w=>w.date===date).reduce((s,w)=>s+caloBurn(w,bodyList),0);
  return bmr(email,date,bodyList) + stepCal + workoutCal;
}
const caloActual = d => d.pro*4 + d.carb*4 + d.fat*9;
const CALO_FACTOR = {"Tăng cơ":1.1,"Giảm mỡ":0.8,"Giữ cân":1.0,"Mini cutting":0.7,"Tăng cơ + giảm mỡ":0.9};
const PRO_FACTOR  = {"Tăng cơ":2.0,"Giữ cân":2.2,"Tăng cơ + giảm mỡ":2.6,"Giảm mỡ":2.7,"Mini cutting":2.9};
const FAT_FACTOR  = {"Tăng cơ":1.25,"Giữ cân":1.05,"Tăng cơ + giảm mỡ":0.9,"Giảm mỡ":0.65,"Mini cutting":0.55};
const CALO_OFFSET = {"Tăng cơ":10,"Giảm mỡ":-20,"Tăng cơ + giảm mỡ":-10};
function targets(email,date,goal,steps,workoutList,bodyList){
  const t=tdee(email,date,steps,workoutList,bodyList);
  const lbm=lbmOf(latestBody(email,date,bodyList));
  const __rawCalo=t*(CALO_FACTOR[goal]??1);const __bmr=370+21.6*lbm;const __belowBmr=__rawCalo<__bmr;const calo=__belowBmr?__bmr:__rawCalo;
  const pro=Math.round(lbm*(PRO_FACTOR[goal]??2.0));
  const fat=Math.round(lbm*(FAT_FACTOR[goal]??1.0));
  const carb=Math.max(0, Math.round((calo - pro*4 - fat*9)/4)); // chuẩn Atwater 4/4/9, không tính hiệu ứng nhiệt thực phẩm
  return {tdee:t, calo, pro, fat, carb, lbm, bmr:__bmr, belowBmr:__belowBmr, rawCalo:Math.round(__rawCalo)};
}
const dotc = (pct,g,y)=> pct<=g ? "🟢" : pct<=y ? "🟡" : "🔴";
// tính 4 chấm + điểm /10 theo actual & target tuỳ ý (dùng cho cả bản ghi & preview form)
function complianceOf(ca,tdeeV,goal,act,tg){
  const caloDev=Math.abs(((ca-tdeeV)/tdeeV*100)-(CALO_OFFSET[goal]??0));
  const pPro=Math.abs(act.pro-tg.pro)/Math.max(tg.pro,1)*100;
  const pCarb=Math.abs(act.carb-tg.carb)/Math.max(tg.carb,1)*100;
  const pFat=Math.abs(act.fat-tg.fat)/Math.max(tg.fat,1)*100;
  let s=caloDev<=5?7:caloDev<=10?5.5:caloDev<=15?4:caloDev<=20?2:0;
  s+=pPro<=10?2:pPro<=20?0.5:0; s+=pCarb<=15?0.5:0; s+=pFat<=15?0.5:0;
  return {dots:[dotc(caloDev,10,20),dotc(pPro,10,20),dotc(pCarb,15,25),dotc(pFat,15,25)], score:Math.round(s*10)/10};
}
function adherence(d,tgOverride){
  const tg=tgOverride||targets(d.email,d.date,d.goal,d.steps);
  const ca=caloActual(d);
  const c=complianceOf(ca,tg.tdee,d.goal,d,tg);
  return {dots:c.dots, score:c.score, ca, tg};
}
function dailyScore(d,tgOverride){ return adherence(d,tgOverride).score; }
// nhãn lịch buổi tập = "chất lượng tổng thể"
function workoutLabel(w){
  const setScore = w.setq==="Nỗ lực tối đa"?2 : w.setq==="Bình thường"?1 : 0;
  const progScore = w.prog==="Tốt"?2 : w.prog==="Chững"?1 : 0;
  const total=setScore+progScore;
  let icon;
  if((w.setq==="Nỗ lực tối đa"&&w.prog==="Tốt")||(w.setq==="Nỗ lực tối đa"&&w.prog==="Chững")||(w.setq==="Bình thường"&&w.prog==="Tốt")) icon="🟢 Tốt: ";
  else if(w.setq==="Chưa hết sức"&&w.prog==="Tệ") icon="🔴 Tệ: ";
  else icon="🟡 trung bình: ";
  return icon+total;
}
function workoutColor(w){ const l=workoutLabel(w); return l.startsWith("🟢")?"#16a34a":l.startsWith("🔴")?"#dc2626":"#d97706"; }
// evalGoal: đánh giá tỉ lệ calo IN/OUT so với mục tiêu — dùng bởi SummaryCard (dữ liệu thật)
function evalGoal(goal,r){
  const p=Math.round(r*100);
  if(goal==="Giảm mỡ") return p>90?"❌ Ăn dư, khó giảm mỡ (cần ~80% TDEE)":p<70?"⚠️ Thâm hụt quá sâu":"✅ Chuẩn vùng 70–90% TDEE";
  if(goal==="Tăng cơ") return p<105?"❌ Ăn thiếu, cơ khó lớn (cần ~110%)":p>120?"⚠️ Dư quá nhiều, dễ tích mỡ":"✅ Chuẩn vùng 105–120% TDEE";
  if(goal==="Mini cutting") return p>80?"❌ Ăn quá nhiều cho mini-cut":p<60?"⚠️ Nhịn quá đà":"✅ Chuẩn 60–80% TDEE";
  if(goal==="Tăng cơ + giảm mỡ") return p>95?"❌ Cần thâm hụt nhẹ (~90%)":p<85?"⚠️ Thâm hụt quá sâu":"✅ Chuẩn vùng 85–95% TDEE";
  return p>105?"⚠️ Hơi dư":p<95?"⚠️ Hơi thiếu":"✅ Giữ cân tốt (95–105%)";
}

/* ============== UI dùng chung ============== */
function Panel({title, right, children, style}){
  return <div className="panel" style={style}>
    <div className="panel-h"><span style={{minWidth:0,overflowWrap:"anywhere"}}>{title}</span>{right}</div>
    <div className="panel-b">{children}</div>
  </div>;
}
/* Panel thu gọn/xổ ra khi bấm vào tiêu đề — dùng cho các khối nội dung dài (báo cáo, tổng kết...) để đỡ chiếm chỗ, tối ưu cả mobile lẫn PC */
function CollapsePanel({title, right, children, style, defaultOpen=false}){
  const [open,setOpen]=useState(defaultOpen);
  return <div className="panel" style={style}>
    <div className="panel-h" style={{cursor:"pointer",userSelect:"none"}} onClick={()=>setOpen(o=>!o)}>
      <span style={{minWidth:0,overflowWrap:"anywhere",display:"flex",alignItems:"center",gap:8}}>
        <span style={{display:"inline-block",fontSize:11,color:"#9aa6b6",transition:"transform .15s",transform:open?"rotate(90deg)":"rotate(0deg)"}}>▶</span>
        {title}
      </span>
      {right&&<span onClick={e=>{e.stopPropagation();setOpen(true);}}>{right}</span>}
    </div>
    {open&&<div className="panel-b">{children}</div>}
  </div>;
}
function Stat({label,value,unit,accent="#14224d"}){
  return <div className="card" style={{padding:"10px 12px"}}>
    <div style={{fontSize:11,textTransform:"uppercase",color:"#6b7280",letterSpacing:.5}}>{label}</div>
    <div style={{fontSize:22,fontWeight:800,color:accent}}>{value}<span style={{fontSize:13,fontWeight:400,color:"#6b7280"}}> {unit}</span></div>
  </div>;
}
function ReportBox({text}){ return <div className="rep">{text}</div>; }
function Empty({msg}){ return <div style={{color:"#9aa6b6",textAlign:"center",padding:"28px 8px",fontSize:14}}>{msg}</div>; }

/* ============== Khóa tính năng / liên hệ mở khóa (Khách hàng dùng thử) ============== */
const CTG_CONTACT_PHONE="0708673007";
function ContactUnlock(){
  return <div style={{textAlign:"center"}}>
    <div style={{display:"flex",flexDirection:"column",alignItems:"center",gap:10}}>
      <a href={"tel:"+CTG_CONTACT_PHONE} style={{fontSize:17,fontWeight:800,color:"#14224d",textDecoration:"none"}}>📞 {CTG_CONTACT_PHONE.replace(/(\d{4})(\d{3})(\d{3})/,"$1 $2 $3")}</a>
      <img src={"https://api.qrserver.com/v1/create-qr-code/?size=160x160&data="+encodeURIComponent("https://zalo.me/"+CTG_CONTACT_PHONE)} alt="QR Zalo" width="150" height="150" style={{borderRadius:10,border:"1px solid #cbd5e1"}}/>
      <div style={{fontSize:12,color:"#9aa6b6"}}>Quét mã Zalo hoặc gọi điện: {CTG_CONTACT_PHONE}</div>
    </div>
  </div>;
}
function Modal({onClose,children}){
  return <div onClick={onClose} style={{position:"fixed",inset:0,background:"rgba(15,23,42,.45)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1000,padding:16}}>
    <div onClick={e=>e.stopPropagation()} style={{background:"#0e1b3d",borderRadius:16,padding:22,maxWidth:380,width:"100%",boxShadow:"0 12px 32px rgba(15,23,42,.25)",position:"relative"}}>
      <button onClick={onClose} style={{position:"absolute",top:10,right:12,border:"none",background:"none",fontSize:18,color:"#9aa6b6",cursor:"pointer"}}>✕</button>
      {children}
    </div>
  </div>;
}
function AiFeatureLockedInfo(){
  return <>
    <div style={{fontWeight:800,fontSize:15,marginBottom:8}}>🤖 Check-in bữa ăn bằng AI</div>
    <div style={{fontSize:13,color:"#46536a",marginBottom:16,lineHeight:1.55}}>
      AI tự động phân tích ảnh chụp hoặc mô tả bữa ăn để tính calo, đạm, béo, carb — giúp check-in dinh dưỡng nhanh chóng, không cần nhập tay từng món. Đây là tính năng dành riêng cho <b>Khách hàng chính thức</b>.
    </div>
    <ContactUnlock/>
  </>;
}
function TrialExpiredLock(){
  return <div style={{maxWidth:420,margin:"10vh auto",padding:"28px 24px",background:"#0e1b3d",border:"1px solid #cbd5e1",borderRadius:18,textAlign:"center"}}>
    <div style={{fontSize:36,marginBottom:8}}>⏳</div>
    <div style={{fontSize:17,fontWeight:800,marginBottom:8,color:"#f8fafc"}}>Gói tập của bạn đã hết hạn</div>
    <div style={{fontSize:13,color:"#46536a",marginBottom:18,lineHeight:1.55}}>Liên hệ chúng tôi để gia hạn / nâng cấp tài khoản và tiếp tục sử dụng đầy đủ tính năng theo dõi tiến độ tập luyện.</div>
    <ContactUnlock/>
  </div>;
}
const MACRO_NAMES=["Calo","Protein","Carb","Fat"];
const STATUS_COLOR={"🟢":"#16a34a","🟡":"#d97706","🔴":"#dc2626"};
const STATUS_TXT={"🟢":"tốt","🟡":"bình thường","🔴":"lệch"};
function MacroIcon({i,color,size}){
  const z=size||16;
  const s={width:z,height:z,viewBox:"0 0 24 24",fill:"none",stroke:color,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",style:{verticalAlign:"-3px"}};
  if(i===0) return <svg {...s}><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.07-2.14-.22-4.05 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.15.43-2.29 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg>;
  if(i===1) return <svg {...s}><circle cx="8.5" cy="8.5" r="5"/><path d="M12.2 12.2l7 7"/><circle cx="19.7" cy="19.7" r="1.9"/></svg>;
  if(i===2) return <svg {...s}><path d="M3 11h18a9 9 0 0 1-18 0z"/><circle cx="8" cy="8" r="0.6" fill={color}/><circle cx="12" cy="7.2" r="0.6" fill={color}/><circle cx="16" cy="8" r="0.6" fill={color}/></svg>;
  return <svg {...s}><ellipse cx="12" cy="13" rx="6" ry="8"/><circle cx="12" cy="15" r="2.3"/></svg>;
}
function DotRow({dots,size}){
  return <span style={{display:"inline-flex",flexWrap:"wrap",gap:6,alignItems:"center",verticalAlign:"middle"}}>
    {dots.map((d,i)=><span key={i} title={MACRO_NAMES[i]+": "+(STATUS_TXT[d]||"")} style={{display:"inline-flex"}}><MacroIcon i={i} color={STATUS_COLOR[d]||"#6b7280"} size={size}/></span>)}
  </span>;
}
function MacroLegend(){
  return <span style={{display:"inline-flex",flexWrap:"wrap",gap:10,alignItems:"center",fontSize:11.5,color:"#6b7280"}}>
    {MACRO_NAMES.map((n,i)=><span key={n} style={{display:"inline-flex",alignItems:"center",gap:3}}><MacroIcon i={i} color="#6b7280" size={14}/>{n}</span>)}
  </span>;
}

/* ===== Thành phần biểu đồ báo cáo ===== */
function Bar({pct,color,h}){
  return <div style={{height:h||10,background:"#0a1325",borderRadius:7,border:"1px solid #e6ebf2",overflow:"hidden"}}>
    <div style={{width:Math.max(0,Math.min(100,pct))+"%",height:"100%",background:color,transition:"width .4s"}}></div>
  </div>;
}
function EnergyCols({bmr,tdee,target,intake}){const H=225;const mx=Math.max(tdee||0,intake||0,target||0,bmr||0,1)*1.12;const p=v=>Math.max(0,Math.min(100,((v||0)/mx)*100));const Col=(title,barVal,barCol,markVal,markLab,markCol,tCol)=><div style={{flex:1,minWidth:0}}><div style={{fontSize:11.5,fontWeight:700,textAlign:"center",marginBottom:4,color:tCol}}>{title}</div><div style={{position:"relative",height:H,background:"#0d1838",border:"1px solid #26356b",borderRadius:8,overflow:"hidden"}}><div style={{position:"absolute",left:0,right:0,bottom:0,height:p(barVal)+"%",background:barCol}}><div style={{position:"absolute",top:3,left:7,fontSize:15,fontWeight:800,color:"#fff",textShadow:"0 1px 3px #000"}}>{Math.round(barVal||0)}</div></div><div style={{position:"absolute",left:0,right:0,bottom:"calc("+p(markVal)+"% - 0.5px)",height:1,background:markCol,zIndex:2}}></div><div style={{position:"absolute",left:"50%",right:4,bottom:"calc("+p(markVal)+"% + 1px)",textAlign:"right",fontSize:9.5,fontWeight:800,color:markCol,zIndex:3,textShadow:"0 1px 2px #0d1838"}}>{markLab+" "+Math.round(markVal||0)}</div></div></div>;return <div style={{marginBottom:12}}><div style={{display:"flex",gap:12,alignItems:"flex-end"}}>{Col("🔥 TDEE (đốt)",tdee,"linear-gradient(180deg,#f59e0b,#ea580c)",bmr,"BMR","#c4b5fd","#ea580c")}{Col("🍽️ Calo nạp",intake,"linear-gradient(180deg,#6366f1,#14224d)",target,"Mục tiêu","#86efac","#14224d")}</div><div style={{fontSize:10.5,color:"#9aa6b6",marginTop:5,textAlign:"center"}}>Vạch tím = BMR (trên cột TDEE) · Vạch xanh = mục tiêu (trên cột nạp) — 2 cột cùng thang đo</div></div>;}
function Mini({label,val,unit,color}){
  return <div className="card" style={{padding:"8px 10px",textAlign:"center"}}>
    <div style={{fontSize:10.5,color:"#6b7280",textTransform:"uppercase",letterSpacing:.3}}>{label}</div>
    <div style={{fontSize:18,fontWeight:800,color:color||"#0f172a"}}>{val}<span style={{fontSize:11,fontWeight:400,color:"#6b7280"}}> {unit||"kcal"}</span></div>
  </div>;
}
function Badge({text,color}){
  const c=color||"#6b7280";
  return <span style={{display:"inline-block",fontSize:12,fontWeight:600,padding:"3px 10px",borderRadius:20,background:c+"22",color:c,border:"1px solid "+c+"55",marginRight:6,marginBottom:6}}>{text}</span>;
}
function ScoreRing({score,max,size}){
  const m=max||10, z=size||66, r=z/2-7, c=2*Math.PI*r, frac=Math.max(0,Math.min(1,score/m));
  const col=score>=7?"#16a34a":score>=5?"#d97706":"#dc2626";
  return <div style={{position:"relative",width:z,height:z,flex:"0 0 auto"}}>
    <svg width={z} height={z} viewBox={"0 0 "+z+" "+z}>
      <circle cx={z/2} cy={z/2} r={r} fill="none" stroke="#e6ebf2" strokeWidth="7"/>
      <circle cx={z/2} cy={z/2} r={r} fill="none" stroke={col} strokeWidth="7" strokeLinecap="round" strokeDasharray={c} strokeDashoffset={c*(1-frac)} transform={"rotate(-90 "+(z/2)+" "+(z/2)+")"}/>
    </svg>
    <div style={{position:"absolute",left:0,top:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}}>
      <div style={{fontSize:18,fontWeight:800,color:col,lineHeight:1}}>{score}</div>
      <div style={{fontSize:9,color:"#6b7280"}}>/{m}</div>
    </div>
  </div>;
}
function macroColor(i,actual,target){
  const dev=target?Math.abs(actual-target)/target*100:100;
  const thr=(i===2||i===3)?[15,25]:[10,20];
  return dev<=thr[0]?"#16a34a":dev<=thr[1]?"#d97706":"#dc2626";
}
function MacroRow({i,label,actual,target,unit}){
  const color=macroColor(i,actual,target);
  const pct=target?actual/target*100:0;
  const max=Math.max(target*1.3,actual*1.05,1);
  const fillW=actual/max*100, markW=target/max*100;
  return <div style={{marginBottom:11}}>
    <div style={{display:"flex",alignItems:"center",gap:8,marginBottom:5}}>
      <MacroIcon i={i} color={color} size={16}/>
      <span style={{fontSize:13,fontWeight:600}}>{label}</span>
      <span style={{marginLeft:"auto",fontSize:12.5,color:"#46536a"}}>{Math.round(actual)}/{Math.round(target)}{unit} · <b style={{color}}>{Math.round(pct)}%</b></span>
    </div>
    <div style={{position:"relative",height:14,background:"#0a1325",borderRadius:7,border:"1px solid #e6ebf2",overflow:"hidden"}}>
      <div style={{position:"absolute",left:0,top:0,bottom:0,width:fillW+"%",background:color}}></div>
      <div title="Mục tiêu 100%" style={{position:"absolute",left:"calc("+markW+"% - 1px)",top:0,bottom:0,width:2,background:"#0f172a",opacity:.85}}></div>
    </div>
  </div>;
}
function CompareRow({label,val,max,color}){
  return <div style={{display:"flex",alignItems:"center",gap:8,marginBottom:6}}>
    <span style={{fontSize:12,width:96,color:"#46536a",flex:"0 0 auto"}}>{label}</span>
    <div style={{flex:1,height:14,background:"#0a1325",borderRadius:7,border:"1px solid #e6ebf2",overflow:"hidden"}}><div style={{width:Math.max(0,Math.min(100,val/max*100))+"%",height:"100%",background:color}}></div></div>
    <span style={{fontSize:12,width:54,textAlign:"right",flex:"0 0 auto"}}>{Math.round(val)}</span>
  </div>;
}
// 1 thanh so sánh 2 giá trị: thanh màu = value, vạch trắng = ref (tham chiếu)
function RefBar({label,value,mark,unit,color,vLabel,rLabel}){
  const max=Math.max(value,mark,1)*1.18;
  const fillW=value/max*100, markW=mark/max*100;
  return <div style={{marginBottom:9}}>
    <div style={{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:8,fontSize:12.5,marginBottom:5}}>
      <span style={{fontWeight:600}}>{label}</span>
      <span style={{color:"#6b7280"}}>{vLabel||"Thực tế"} <b style={{color}}>{Math.round(value)}</b> · {rLabel||"Lý thuyết"} {Math.round(mark)}{unit||""}</span>
    </div>
    <div style={{position:"relative",height:16,background:"#0a1325",borderRadius:8,border:"1px solid #e6ebf2",overflow:"hidden"}}>
      <div style={{position:"absolute",left:0,top:0,bottom:0,width:Math.max(0,Math.min(100,fillW))+"%",background:color}}></div>
      <div title={rLabel||"Lý thuyết"} style={{position:"absolute",left:"calc("+Math.min(100,markW)+"% - 1px)",top:0,bottom:0,width:2,background:"#0f172a"}}></div>
    </div>
  </div>;
}
function MarkNote({text}){
  return <div style={{fontSize:11,color:"#9aa6b6",margin:"2px 0 8px",display:"flex",alignItems:"center",gap:6}}>
    <span style={{display:"inline-block",width:2,height:12,background:"#0f172a",flex:"0 0 auto"}}></span>{text}
  </div>;
}
function DailyReportCard({d,tg:tgProp,defaultOpen=false}){
  const [open,setOpen]=useState(defaultOpen);
  const tg=tgProp||targets(d.email,d.date,d.goal,d.steps);
  const ca=caloActual(d), score=dailyScore(d,tgProp);
  const caPct=tg.calo?ca/tg.calo*100:0, caDiff=Math.round(ca-tg.calo);
  const caDev=tg.calo?Math.abs(ca-tg.calo)/tg.calo*100:100;
  const caCol=caDev<=10?"#16a34a":caDev<=20?"#d97706":"#dc2626";
  const bmrVal=(tg.lbm && tg.lbm > 0) ? (370+21.6*tg.lbm) : (tg.weight ? tg.weight*22 : 1200);
  const caMax=Math.max(tg.tdee,tg.calo,ca,bmrVal,1)*1.05;
  const sug=[];
  if(d.pro<tg.pro)sug.push(["Thiếu Pro "+(tg.pro-d.pro)+"g","#dc2626"]); else if(d.pro>tg.pro)sug.push(["Dư Pro "+(d.pro-tg.pro)+"g","#d97706"]);
  if(d.carb<tg.carb)sug.push(["Thiếu Carb "+(tg.carb-d.carb)+"g","#dc2626"]); else if(d.carb>tg.carb)sug.push(["Dư Carb "+(d.carb-tg.carb)+"g","#d97706"]);
  if(d.fat<tg.fat)sug.push(["Thiếu Fat "+(tg.fat-d.fat)+"g","#dc2626"]); else if(d.fat>tg.fat)sug.push(["Dư Fat "+(d.fat-tg.fat)+"g","#d97706"]);
  return <div>
    <div style={{display:"flex",alignItems:"center",justifyContent:"space-between",gap:10,marginBottom:open?12:0,cursor:"pointer",userSelect:"none",background:"#fff",border:"2px solid #d4af37",borderRadius:12,padding:"12px 14px"}} onClick={()=>setOpen(true)}>
      <div style={{display:"flex",alignItems:"center",gap:8,minWidth:0}}>
        <div style={{minWidth:0}}><div style={{fontSize:14,fontWeight:800,color:"#f8fafc"}}>📊 Chi tiết Cân bằng năng lượng</div><div style={{fontSize:12,color:"#9aa6b6"}}>{fmtDMY(d.date)} · Mục tiêu: {d.goal}</div></div>
      </div>
      <ScoreRing score={score}/>
    </div>
    {open&&<Modal onClose={()=>setOpen(false)}>
      <div style={{fontWeight:800,fontSize:16,marginBottom:12}}>📊 Cân bằng năng lượng ({fmtDMY(d.date)})</div>
      <div style={{maxHeight:"75vh",overflowY:"auto",margin:"0 -10px",padding:"0 10px"}}>
        {tg.belowBmr&&<div style={{background:"#fee2e2",border:"2px solid #dc2626",borderRadius:8,padding:"10px 12px",fontSize:13,margin:"0 0 10px",color:"#b91c1c",fontWeight:800,lineHeight:1.5}}>⚠️ Mục tiêu tính ra ({tg.rawCalo} kcal) đang thấp hơn BMR ({Math.round(bmrVal)} kcal). Đã đặt tối thiểu = BMR để tránh nạp dưới mức chuyển hóa cơ bản. Nên tăng vận động / bước chân để nâng mục tiêu an toàn.</div>}<EnergyCols bmr={bmrVal} tdee={tg.tdee} target={tg.calo} intake={ca}/>
        <div style={{display:"flex",justifyContent:"space-between",fontSize:12.5,marginBottom:5}}>
          <span style={{color:"#46536a",display:"inline-flex",alignItems:"center",gap:6}}><MacroIcon i={0} color={caCol} size={16}/> Calo nạp</span>
          <span><b style={{color:caCol}}>{Math.round(caPct)}%</b> mục tiêu · {caDiff>0?"dư ":"thiếu "}{Math.abs(caDiff)} kcal</span>
        </div>
        <div style={{position:"relative",height:16,background:"#0a1325",borderRadius:8,border:"1px solid #e6ebf2",overflow:"hidden"}}>
          <div style={{position:"absolute",left:0,top:0,bottom:0,width:Math.min(100,ca/caMax*100)+"%",background:caCol}}></div>
          <div title="Mục tiêu nạp" style={{position:"absolute",left:"calc("+(tg.calo/caMax*100)+"% - 1px)",top:0,bottom:0,width:2,background:"#16a34a"}}></div>
          <div title="TDEE" style={{position:"absolute",left:"calc("+(tg.tdee/caMax*100)+"% - 1px)",top:0,bottom:0,width:2,background:"#ea580c"}}></div>
          <div title="BMR" style={{position:"absolute",left:"calc("+(bmrVal/caMax*100)+"% - 1px)",top:0,bottom:0,width:2,background:"#7c3aed"}}></div>
        </div>
        <div style={{fontSize:11,color:"#9aa6b6",margin:"4px 0 14px"}}>▏vạch xanh = mục tiêu nạp · ▏vạch cam = TDEE · ▏vạch tím = BMR</div>
        <MacroRow i={1} label="Protein" actual={d.pro} target={tg.pro} unit="g"/>
        <MacroRow i={2} label="Carb" actual={d.carb} target={tg.carb} unit="g"/>
        <MacroRow i={3} label="Fat" actual={d.fat} target={tg.fat} unit="g"/>
        <MarkNote text="vạch trắng = mục tiêu (100%)"/>
        <div style={{marginTop:10}}>
          <div style={{fontSize:12.5,color:"#6b7280",marginBottom:6}}>💡 Gợi ý điều chỉnh</div>
          {sug.length? sug.map((x,i)=><Badge key={i} text={x[0]} color={x[1]}/>) : <Badge text="✅ Đạt đủ chỉ tiêu macro" color="#16a34a"/>}
        </div>
      </div>
    </Modal>}
  </div>;
}
function SummaryCard({email,r1,r2,goal,dailyList=[],workoutList=[],bodyList=[]}){
  /* ===== NGÂN SÁCH CALO CHU KỲ (2026-07-05) =====
     Toàn bộ số liệu THẬT: bữa ăn (dailyList từ server), bước chân (checkin), buổi tập (workoutList), BMR/LBM (bodyList), hệ số theo goal (targets()). */
  const nd=dayDiff(r2,r1)+1;
  if(nd<=0||nd>120) return <Empty msg="Khoảng ngày không hợp lệ (chọn 1–120 ngày)"/>;
  const dates=[]; for(let k=0;k<nd;k++) dates.push(iso(addDays(D(r1),k)));
  const byDate={}; (dailyList||[]).forEach(d=>{byDate[d.date]=d;});
  const stepsLogged=dates.map(dt=>byDate[dt]).filter(d=>d&&+d.steps>0).map(d=>+d.steps);
  const stepFb=stepsLogged.length?Math.round(stepsLogged.reduce((a,b)=>a+b,0)/stepsLogged.length):9000;
  const stepsOf=dt=>(byDate[dt]&&+byDate[dt].steps>0)?+byDate[dt].steps:stepFb;
  const dayT={}; dates.forEach(dt=>{dayT[dt]=targets(email,dt,goal,stepsOf(dt),workoutList,bodyList);});
  const bmrNow=Math.round(bmr(email,r2,bodyList))||0;
  if(!bmrNow) return <Empty msg="Chưa có dữ liệu Nhật ký hình thể để tính BMR — cần thêm ít nhất 1 bản ghi"/>;
  const elapsed=dates.filter(dt=>D(dt)<D(TODAY));
  const remain=dates.filter(dt=>D(dt)>=D(TODAY));
  const logged=elapsed.filter(dt=>byDate[dt]);
  const missing=elapsed.length-logged.length;
  const cycleTarget=Math.round(dates.reduce((s,dt)=>s+dayT[dt].calo,0));
  const avgDayTarget=Math.round(cycleTarget/nd);
  const avgTdeeAll=Math.round(dates.reduce((s,dt)=>s+dayT[dt].tdee,0)/nd);
  /* --- đánh giá các ngày đã qua có log --- */
  let ev="", evCol="#9aa6b6", avgIn=0, avgTdeeL=0, avgP=0, avgC=0, avgF=0, tgP=0, tgC=0, tgF=0;
  if(logged.length){
    avgIn=Math.round(logged.reduce((s,dt)=>s+caloActual(byDate[dt]),0)/logged.length);
    avgTdeeL=Math.round(logged.reduce((s,dt)=>s+dayT[dt].tdee,0)/logged.length);
    avgP=Math.round(logged.reduce((s,dt)=>s+(+byDate[dt].pro||0),0)/logged.length);
    avgC=Math.round(logged.reduce((s,dt)=>s+(+byDate[dt].carb||0),0)/logged.length);
    avgF=Math.round(logged.reduce((s,dt)=>s+(+byDate[dt].fat||0),0)/logged.length);
    tgP=Math.round(logged.reduce((s,dt)=>s+dayT[dt].pro,0)/logged.length);
    tgC=Math.round(logged.reduce((s,dt)=>s+dayT[dt].carb,0)/logged.length);
    tgF=Math.round(logged.reduce((s,dt)=>s+dayT[dt].fat,0)/logged.length);
    ev=evalGoal(goal, avgTdeeL?avgIn/avgTdeeL:0);
    evCol=ev.indexOf("✅")===0?"#16a34a":ev.indexOf("⚠️")===0?"#d97706":"#dc2626";
  }
  /* --- ngân sách còn lại: ngày trống coi như ăn đúng mục tiêu (không nợ/không dư) + cảnh báo thiếu dữ liệu --- */
  const balance=Math.round(logged.reduce((s,dt)=>s+(dayT[dt].calo-caloActual(byDate[dt])),0));
  const remainBudget=Math.round(remain.reduce((s,dt)=>s+dayT[dt].calo,0))+balance;
  const y=remain.length;
  let dailyCal=0, proT=0, fatT=0, carbG=0, minCal=0, danger=false, ext=0, extNote="", capped=false, adviseCal=0;
  if(y){
    dailyCal=Math.round(remainBudget/y);
    proT=Math.round(remain.reduce((s,dt)=>s+dayT[dt].pro,0)/y);
    fatT=Math.round(remain.reduce((s,dt)=>s+dayT[dt].fat,0)/y);
    adviseCal=dailyCal;
    const capCal=Math.round(avgDayTarget*1.15);
    if(dailyCal>capCal){adviseCal=capCal;capped=true;} /* tran an toan: khong khuyen an bu don dap */
    carbG=Math.round((adviseCal-proT*4-fatT*9)/4);
    minCal=Math.max(bmrNow, proT*4+fatT*9+200); /* sàn: BMR hoặc đủ đạm+béo+50g carb */
    danger=carbG<50||dailyCal<bmrNow;
    if(danger){
      const denom=avgDayTarget-minCal;
      if(denom>0) ext=Math.ceil(Math.max(0,y*minCal-remainBudget)/denom);
      else extNote="Mục tiêu/ngày của chu kỳ đang thấp hơn mức an toàn tối thiểu — coach cần nới hệ số hoặc mục tiêu.";
    }
  }
  const box=(bg,bd)=>({background:bg,border:"1px solid "+bd,borderRadius:10,padding:"10px 12px",marginTop:10,fontSize:13,lineHeight:1.55});
  return <div>
    <EnergyCols bmr={bmrNow} tdee={avgTdeeAll} target={avgDayTarget} intake={avgIn}/><div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(130px,1fr))",gap:8}}>
      <Stat label={"Mục tiêu chu kỳ ("+nd+" ngày)"} value={cycleTarget} unit="kcal" accent="#d4af37"/>
      <Stat label="Trung bình mục tiêu/ngày" value={avgDayTarget} unit="kcal" accent="#d4af37"/>
      <Stat label="TDEE thật TB/ngày" value={avgTdeeAll} unit="kcal" accent="#ea580c"/>
      <Stat label="BMR hiện tại" value={bmrNow} unit="kcal" accent="#8b5cf6"/>
    </div>
    <div style={{fontSize:12,color:"#9aa6b6",marginTop:6}}>Đã qua {elapsed.length} ngày (có log {logged.length}) · Còn lại {y} ngày (tính cả hôm nay) · TDEE = BMR + bước chân + buổi tập của từng ngày</div>
    {logged.length>0 && <div style={box("rgba(244,196,48,.06)","#26356b")}>
      <div style={{fontWeight:800,marginBottom:6}}>📊 Trung bình {logged.length} ngày đã log · {avgIn} kcal/ngày (TDEE thật {avgTdeeL})</div>
      <MacroRow i={1} label="Protein" actual={avgP} target={tgP} unit="g"/>
      <MacroRow i={2} label="Carb" actual={avgC} target={tgC} unit="g"/>
      <MacroRow i={3} label="Fat" actual={avgF} target={tgF} unit="g"/>
      <div style={{marginTop:8}}><Badge text={goal+": "+ev} color={evCol}/></div>
    </div>}
    {logged.length===0 && elapsed.length>0 && <div style={box("rgba(220,38,38,.10)","#7f1d1d")}>⚠️ Chưa có ngày nào được check-in bữa ăn trong phần đã qua của chu kỳ — chưa thể đánh giá.</div>}
    {missing>0 && logged.length>0 && <div style={box("rgba(217,119,6,.10)","#92400e")}>⚠️ Thiếu dữ liệu {missing}/{elapsed.length} ngày (không check-in) — các ngày này được coi là ăn đúng mục tiêu khi tính ngân sách, độ chính xác giảm.</div>}
    {y>0 && !danger && <div style={box("rgba(22,163,74,.10)","#14532d")}>
      <div style={{fontWeight:800,marginBottom:4}}>🍚 Lời khuyên {y} ngày còn lại (ngân sách {remainBudget} kcal{balance!==0?(balance>0?" · đang dư "+balance:" · đang lố "+(-balance))+" kcal so với kế hoạch":""})</div>
      Mỗi ngày ăn ~<b>{capped?adviseCal:dailyCal} kcal</b>: Đạm <b>{proT}g</b> + Fat <b>{fatT}g</b> (giữ nguyên hệ số theo mục tiêu) → Tinh bột còn <b>≈{carbG}g/ngày</b>.{capped && <div style={{marginTop:4,color:"#9aa6b6"}}>Đang dư ngân sách nhiều (do các ngày trước ăn thiếu) — KHÔNG cần ăn bù toàn bộ; đã giới hạn ở ~115% mục tiêu ngày cho an toàn.</div>}
    </div>}
    {y>0 && danger && <div style={box("rgba(220,38,38,.12)","#7f1d1d")}>
      <div style={{fontWeight:800,marginBottom:4}}>🚨 Cảnh báo: đã ăn quá lố so với ngân sách chu kỳ</div>
      Để đạt mục tiêu trong {y} ngày còn lại phải ăn ~{dailyCal} kcal/ngày{carbG<50?" (tinh bột chỉ còn ≈"+Math.max(carbG,0)+"g — dưới sàn an toàn 50g)":""}{dailyCal<bmrNow?" — thấp hơn cả BMR "+bmrNow+" kcal":""}. Không nên cắt sâu như vậy.
      <div style={{marginTop:6}}>{ext>0?("👉 Muốn an toàn (ăn tối thiểu "+minCal+" kcal/ngày): cần KÉO DÀI chu kỳ thêm ~"+ext+" ngày để trả nợ phần dư."):extNote}</div>
    </div>}
    {y===0 && <div style={box("rgba(148,163,184,.08)","#26356b")}>🏁 Chu kỳ đã kết thúc — chỉ còn phần đánh giá phía trên. Chọn "Từ ngày/Đến ngày" mới để lập chu kỳ tiếp theo.</div>}
    <MarkNote text={"Sàn an toàn: không dưới BMR và không dưới 50g tinh bột/ngày. Ngày thiếu bước chân dùng trung bình "+stepFb+" bước của chính học viên."}/>
  </div>;
}
function WorkoutReportCard({w,bodyList=[]}){
  const cal=Math.round(caloBurn(w,bodyList));
  // CHỈ hiện CHI TIẾT buổi tập (set/rep/tạ/chấn thương) — đã bỏ hoàn toàn thanh "chất lượng set / mức độ tăng tiến" kiểu cũ.
  const detailBlock=(w.problem||"").indexOf("[BUỔI]")===0 ? (w.problem||"").replace(/^\[BUỔI\]\n?/,"") : "";
  const detailLines=detailBlock?detailBlock.split("\n").filter(Boolean):[];
  const oldNote=(w.problem&&detailLines.length===0)?w.problem:"";
  return <div>
    <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(120px,1fr))",gap:8,marginBottom:12}}>
      <Mini label="Calo tiêu hao" val={cal} color="#ea580c"/>
      <Mini label="Thời gian" val={w.min} unit="phút" color="#14224d"/>
    </div>
    {detailLines.length>0
      ? <div style={{border:"1px solid #d4af37",borderRadius:10,padding:"10px 12px",background:"rgba(212,175,55,.06)"}}>
          <div style={{fontWeight:800,fontSize:13,color:"#14224d",marginBottom:6}}>📋 Chi tiết buổi tập ({detailLines.length} bài)</div>
          {detailLines.map(function(ln,i){ var m=ln.replace(/^•\s?/,"").split(/:(.+)/); var head=(m[0]||""); var nm=head.split(" [")[0]; var tgt=head.indexOf(" [")>=0?(head.split(" [")[1]||"").replace(/\]$/,""):""; var done=(m[1]||"").trim(); var inj=done.indexOf("🩹")>=0;
            return <div key={i} style={{fontSize:12.5,padding:"6px 0",borderTop:i>0?"1px solid rgba(20,34,77,.12)":"none"}}>
              <div style={{fontWeight:700,color:"#14224d"}}>{nm}{tgt?<span style={{color:"#9aa6b6",fontWeight:400,fontSize:11}}> · kế hoạch {tgt}</span>:null}</div>
              <div style={{color:done.indexOf("chưa ghi")>=0?"#9aa6b6":(inj?"#dc2626":"#16a34a"),fontWeight:600,marginTop:1}}>{done.indexOf("chưa ghi")>=0?"— chưa ghi tạ/rep":("Đã tập: "+done)}</div>
            </div>; })}
        </div>
      : <div style={{fontSize:12.5,color:"#6b7280",padding:"8px 2px"}}>{oldNote?("Ghi chú: "+oldNote):"Buổi này chưa ghi chi tiết set/rep. Vào Lịch tập nhập tạ × rep từng hiệp rồi bấm 🏁 KẾT THÚC BUỔI."}</div>}
  </div>;
}
function MetabolicCard({email,r1,r2,bodyList=[],workoutList=[],dailyList=[]}){
  const bS=bodyOn(email,r1,bodyList), bE=bodyOn(email,r2,bodyList);
  if(!bS||!bE) return <div className="card" style={{padding:12,borderColor:"#dc2626"}}><b style={{color:"#dc2626"}}>⚠️ Lỗi chọn ngày</b><div style={{fontSize:13,color:"#46536a",marginTop:6}}>Ngày {!bS?fmtDMY(r1):fmtDMY(r2)} không trùng ngày có dữ liệu cân–đo mỡ. Hãy chọn lại.</div></div>;
  const fatS=bS.weight*bS.bodyfat/100, fatE=bE.weight*bE.bodyfat/100;
  const nd=Math.max(1,dayDiff(r2,r1));
  const theory=(fatE-fatS)*7700/nd;
  const rows=(dailyList||[]).filter(d=>D(d.date)>=D(r1)&&D(d.date)<=D(r2)&&D(d.date)<=D(TODAY));
  const reported=rows.length?rows.reduce((s,d)=>s+(caloActual(d)-tdee(d.email,d.date,d.steps,workoutList,bodyList)),0)/rows.length:0;
  const tdAvg=rows.length?rows.reduce((s,d)=>s+tdee(d.email,d.date,d.steps,workoutList,bodyList),0)/rows.length:0;
  const bmrNow=bmr(email,r2,bodyList);
  const strong=Math.abs(theory)>=Math.abs(reported);
  const realTdee=strong?tdAvg+(Math.abs(theory)-Math.abs(reported)):tdAvg-(Math.abs(reported)-Math.abs(theory));
  const realBmr=strong?bmrNow+(Math.abs(theory)-Math.abs(reported)):bmrNow-(Math.abs(reported)-Math.abs(theory));
  const gap=Math.abs(Math.round(Math.abs(theory)-Math.abs(reported)));
  const maxD=Math.max(Math.abs(theory),Math.abs(reported),1)*1.1;
  const maxE=Math.max(bmrNow,realBmr,tdAvg,realTdee,1)*1.05;
  return <div>
    <div style={{fontSize:13,fontWeight:700,marginBottom:2}}>🔬 Đối chiếu trao đổi chất</div>
    <div style={{fontSize:12,color:"#9aa6b6",marginBottom:12}}>{fmtDMY(r1)} → {fmtDMY(r2)} · {nd} ngày</div>
    <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(130px,1fr))",gap:8,marginBottom:6}}>
      <Mini label="Chênh lệch thực tế" val={(theory<0?"−":"+")+Math.abs(Math.round(theory))} color={theory<0?"#16a34a":"#dc2626"}/>
      <Mini label="Theo sổ sách" val={(reported<0?"−":"+")+Math.abs(Math.round(reported))} color={reported<0?"#14224d":"#d97706"}/>
    </div>
    <div style={{fontSize:11,color:"#9aa6b6",marginBottom:14}}>kcal/ngày · số âm = đốt mỡ, dương = tích mỡ</div>
    <div style={{fontSize:12.5,color:"#6b7280",marginBottom:8}}>Cơ địa thật vs công thức lý thuyết</div>
    <RefBar label="BMR (lúc nghỉ)" value={realBmr} mark={bmrNow} unit=" kcal" color="#7c3aed"/>
    <RefBar label="TDEE (cả ngày)" value={realTdee} mark={tdAvg} unit=" kcal" color="#ea580c"/>
    <MarkNote text="vạch trắng = lý thuyết (công thức) · thanh màu = thực tế (cơ địa)"/>
    <div className="card" style={{padding:"10px 12px",borderLeft:"4px solid "+(strong?"#16a34a":"#d97706")}}>
      <b style={{color:strong?"#16a34a":"#d97706"}}>{strong?"🔥 Trao đổi chất MẠNH hơn lý thuyết":"🐢 Trao đổi chất CHẬM hơn lý thuyết"}</b>
      <div style={{fontSize:13,color:"#46536a",marginTop:4}}>Chênh ~{gap} kcal/ngày so với tính toán.</div>
    </div>
  </div>;
}
function Toggle({options,value,onChange}){
  return <div className="toggle">{options.map(o=><button key={o} className={value===o?"on":""} onClick={()=>onChange(o)}>{o}</button>)}</div>;
}
function NumField({label,value,onChange,step}){
  return <div><label>{label}</label>
    <div style={{display:"flex",gap:6}}>
      <button className="navbtn" onClick={()=>onChange(String((+value||0)-(step||1)))}>−</button>
      <input type="number" step={step||1} value={value} onChange={e=>onChange(e.target.value)} style={{textAlign:"center"}}/>
      <button className="navbtn" onClick={()=>onChange(String((+value||0)+(step||1)))}>+</button>
    </div></div>;
}
function FormBtns({onClose,onSave,saving=false,label,note,disabledSave=false}){
  return <div>
    <div style={{display:"flex",gap:8,marginTop:10}}>
      <button className="tabbtn" style={{flex:1,background:"#14224d",color:"#f4f6f8"}} onClick={onSave} disabled={saving||disabledSave||!onSave}>{saving?'Đang lưu...':(label||'💾 Lưu')}</button>
      <button className="tabbtn" style={{background:"#cbd5e1",color:"#f8fafc"}} onClick={onClose} disabled={saving}>Hủy</button>
    </div>
    {note&&<div style={{fontSize:11,color:"#9aa6b6",marginTop:6}}>{note}</div>}
  </div>;
}

function StudentPicker({list,picked,onPick}){
  const [resetKey,setResetKey]=useState(0);
  const [statusMap,setStatusMap]=useState({});
  const idsKey=list.map(s=>s.id).filter(Boolean).join(',');
  useEffect(()=>{
    let alive=true;
    if(!idsKey){ setStatusMap({}); return; }
    (async()=>{
      const ids=idsKey.split(',').map(Number);
      const r2p=TODAY, r1p=iso(addDays(D(TODAY),-6));
      const [batch,sessionsTargets,tierMap]=await Promise.all([getDashboardBatch(ids),getAllSessionsTargets(),getAllMembersTier()]);
      if(!alive) return;
      const results=await Promise.all(list.map(st=>fetchStudentDashboard(st,r1p,r2p,sessionsTargets,tierMap,batch[st.id])));
      const byEmail={}; results.forEach(r=>{byEmail[r.s.email]=r;});
      setStatusMap(byEmail);
    })();
    return ()=>{alive=false;};
  },[idsKey]);
  const pickedStu=list.find(s=>s.email===picked);
  return <CollapsePanel key={resetKey} title={"👥 Chọn học viên"+(pickedStu?(" — "+pickedStu.name):"")} defaultOpen={false}>
    {list.map(s=>{
      const d=statusMap[s.email]||{};
      return (
      <div key={s.email} className={"stu"+(picked===s.email?" on":"")} onClick={()=>{onPick(s.email);setResetKey(k=>k+1);}}>
        <div style={{minWidth:0}}>
          <div style={{fontWeight:600,overflowWrap:"anywhere"}}>{s.name}</div>
          <div style={{fontSize:12,color:"#6b7280",overflowWrap:"anywhere"}}>{s.email}</div>
          <div style={{display:"flex",gap:6,flexWrap:"wrap",marginTop:4}}>
            {d.training && <span style={{fontSize:10,background:"#fff",border:"1px solid "+d.training.color,color:d.training.color,padding:"2px 6px",borderRadius:8,whiteSpace:"nowrap"}}>🏋️ {d.training.label}</span>}
            {d.eating && <span style={{fontSize:10,background:"#fff",border:"1px solid "+d.eating.color,color:d.eating.color,padding:"2px 6px",borderRadius:8,whiteSpace:"nowrap"}}>🍱 {d.eating.label}</span>}
            {d.metabolic && <span style={{fontSize:10,background:"#fff",border:"1px solid "+d.metabolic.color,color:d.metabolic.color,padding:"2px 6px",borderRadius:8,whiteSpace:"nowrap"}}>{d.metabolic.label}</span>}
          </div>
        </div>
        <span style={{fontSize:11,color:"#14224d",whiteSpace:"nowrap"}}>{s.goal}</span>
      </div>
      );
    })}
  </CollapsePanel>;
}

/* ============== LỊCH (Day / Week / Month) ============== */
function Calendar({title, events, onSelect, onDayClick, selected, renderDayAddon}){
  const [mode,setMode]=useState("week");
  const [anchor,setAnchor]=useState(()=>D(TODAY));
  const byDate={}; events.forEach(e=>{(byDate[e.date]=byDate[e.date]||[]).push(e);});
  const move=n=>{ if(mode==="month"){const x=new Date(anchor);x.setMonth(x.getMonth()+(n>0?1:-1));setAnchor(x);} else setAnchor(addDays(anchor,n*(mode==="day"?1:7))); };
  const seg=["day","week","month"], segL={day:"Ngày",week:"Tuần",month:"Tháng"};
  let rangeText, body;
  const chip=(e,i)=><button key={i} className="chip" style={{background:e.color,color:e.dark?"#0f172a":"#f4f6f8"}} title={e.title} onClick={()=>onSelect(e)}>{e.label}</button>;
  if(mode==="day"){
    const k=iso(anchor); rangeText=fmtDMY(k); const evs=byDate[k]||[];
    body=<div className="daycell today" style={{minHeight:140}}>{evs.length?evs.map(chip):<Empty msg="Không có check-in ngày này"/>}</div>;
  } else if(mode==="week"){
    const sow=startOfWeek(anchor); const days=[...Array(7)].map((_,i)=>addDays(sow,i));
    rangeText="Tuần "+fmtD(iso(days[0]))+" – "+fmtD(iso(days[6]));
    body=<div className="weekgrid">
      {days.map((d,i)=>{const k=iso(d);const evs=byDate[k]||[];const isT=k===TODAY;
        return <div key={i}><div className="wd">{WDS[i]}</div>
          <div className={"daycell"+(isT?" today":"")} onClick={onDayClick?()=>onDayClick(k):undefined} style={onDayClick?{cursor:"pointer",background:k===selected?"#d4af37":"#14224d",color:k===selected?"#0d1838":undefined,borderRadius:8,position:"relative"}:undefined}><div className="dnum">{d.getDate()}</div>{evs.map(chip)}{renderDayAddon && renderDayAddon(k, evs.length>0)}</div></div>;})}
    </div>;
  } else {
    const first=new Date(anchor.getFullYear(),anchor.getMonth(),1);
    const sow=startOfWeek(first); const days=[...Array(42)].map((_,i)=>addDays(sow,i));
    rangeText=["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"][anchor.getMonth()]+" "+anchor.getFullYear();
    body=<div>
      <div style={{display:"grid",gridTemplateColumns:"repeat(7,1fr)",gap:4,marginBottom:4}}>{WDS.map(w=><div key={w} className="wd">{w}</div>)}</div>
      <div style={{display:"grid",gridTemplateColumns:"repeat(7,1fr)",gap:4}}>
        {days.map((d,i)=>{const k=iso(d);const evs=byDate[k]||[];const out=d.getMonth()!==anchor.getMonth();const isT=k===TODAY;
          return <div key={i} className={"daycell"+(isT?" today":"")} style={{minHeight:62,opacity:out?.4:1,cursor:"pointer",background:(onDayClick&&k===selected)?"#d4af37":(onDayClick?"#14224d":undefined),color:(onDayClick&&k===selected)?"#0d1838":undefined,borderRadius:8}} onClick={onDayClick?()=>onDayClick(k):()=>{if(evs.length){setMode("day");setAnchor(d);}}}>
            <div className="dnum" style={{fontSize:12}}>{d.getDate()}</div>
            <div style={{display:"flex",flexWrap:"wrap",gap:3,justifyContent:"center"}}>
              {evs.slice(0,8).map((e,j)=><span key={j} title={e.title} style={{width:9,height:9,borderRadius:9,background:e.dotColor||e.color,display:"inline-block"}}></span>)}
            </div></div>;})}
      </div></div>;
  }
  return <Panel title={title} right={<div className="seg">{seg.map(m=><button key={m} className={mode===m?"on":""} onClick={()=>setMode(m)}>{segL[m]}</button>)}</div>}>
    <div style={{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:10,gap:8}}>
      <button className="navbtn" onClick={()=>move(-1)}>‹</button>
      <div style={{fontWeight:700,fontSize:14}}>{rangeText}</div>
      <div style={{display:"flex",gap:6}}>
        <button className="navbtn" style={{width:"auto",padding:"0 10px",fontSize:12}} onClick={()=>setAnchor(D(TODAY))}>Hôm nay</button>
        <button className="navbtn" onClick={()=>move(1)}>›</button>
      </div>
    </div>
    {body}
  </Panel>;
}

/* ============== VIEW 1: CHECK IN TẬP LUYỆN ============== */
function ViewTapLuyen({email,isAdmin,picked,onPick,students=[],serverWorkouts=null,serverBody=null,reloadData}){
  const [sel,setSel]=useState(null);
  const bodyList = serverBody || [];
  const list=(serverWorkouts||[]).sort((a,b)=>D(b.date)-D(a.date));
  // Chỉ hiện buổi trong 7 NGÀY gần nhất (theo ngày phân biệt) cho gọn — không đổ hết lịch sử ra
  const recentDates=[...new Set(list.map(w=>w.date))].slice(0,7);
  const recentList=list.filter(w=>recentDates.indexOf(w.date)>=0);
  // [ĐỔI HIỂN THỊ] Chip trên lịch: KHÔNG hiện nhãn chất lượng (Tốt/Chững/Tệ) như cơ chế cũ nữa — chỉ hiện THỜI GIAN buổi + CALO đốt
  const events=list.map(w=>({date:w.date,color:workoutColor(w),label:(w.min||0)+"p · "+Math.round(caloBurn(w,bodyList))+" kcal",title:w.sport,data:w}));
  const weekCal=Math.round(list.reduce((s,w)=>s+caloBurn(w,bodyList),0));
  // targetUserId: ID thật của học viên đang xem — bắt buộc phải gửi kèm khi lưu buổi tập, tránh lưu nhầm vào tài khoản coach
  const st=students.find(s=>s.email===(picked||email))||{};
  const [wpUserId,setWpUserId]=useState(0);
  useEffect(()=>{
    fetch(window.location.origin+"/wp-json/wp/v2/users/me",{credentials:"include",headers:{"X-WP-Nonce":window.wpApiSettings?.nonce||""}})
      .then(r=>r.ok?r.json():Promise.reject()).then(u=>setWpUserId(u.id||0)).catch(()=>setWpUserId(0));
  },[]);
  const targetUserId = st.id || wpUserId;
  // ĐỐI SOÁT dấu ✅ check-in của LỊCH TẬP với buổi tập thật: buổi "Tập tạ —" nào đã bị xóa (kể cả xóa từ trước/thiết bị khác) thì gỡ dấu tương ứng
  useEffect(()=>{ if(!serverWorkouts) return;
    const valid={}; serverWorkouts.forEach(w=>{ if((w.sport||"").indexOf("Tập tạ — ")===0) valid[w.date+"_"+(+w.min||0)]=1; });
    wsSweepCheckinMarks((isAdmin&&st.id)?st.id:"self", valid);
    try{ window.dispatchEvent(new CustomEvent("ctgWsSweepCheckin",{detail:{valid}})); }catch(e){}
  },[serverWorkouts]);
  return <>
    {isAdmin && <div style={{marginBottom:14}}><StudentPicker list={students} picked={picked} onPick={onPick}/></div>}
    <div className="split-layout">
      <div className="main">
        <CollapsePanel title="📋 Báo cáo buổi tập" defaultOpen={false}>
          <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(130px,1fr))",gap:8,marginBottom:10}}>
            <Stat label="Số buổi" value={list.length} unit="buổi" accent="#ea580c"/>
            <Stat label="Tổng đốt" value={weekCal} unit="kcal" accent="#ea580c"/>
          </div>
          {/* DANH SÁCH TÊN BUỔI TẬP — bấm vào 1 buổi để xem chi tiết set/rep/tạ/chấn thương (không còn form thêm buổi + mức nỗ lực kiểu cũ) */}
          {list.length===0
            ? <Empty msg="Chưa có buổi tập nào. Tập xong bấm 🏁 KẾT THÚC BUỔI ở phần Lịch tập bên dưới để ghi nhận."/>
            : <div>
              <div style={{fontSize:11.5,color:"#9aa6b6",marginBottom:4}}>Hiện {recentDates.length} ngày gần nhất{list.length>recentList.length?" (còn buổi cũ hơn ẩn bớt)":""}</div>
              {recentList.map(function(w,i){ var on=sel&&(sel.id===w.id&&sel.date===w.date&&sel.sport===w.sport); var cal=Math.round(caloBurn(w,bodyList));
                return <div key={w.id||i} style={{borderTop:i>0?"1px solid rgba(212,175,55,.22)":"none"}}>
                  <button onClick={function(){ setSel(on?null:w); }} style={{display:"flex",width:"100%",alignItems:"center",gap:10,textAlign:"left",background:on?"rgba(212,175,55,.09)":"transparent",border:"none",cursor:"pointer",padding:"11px 6px"}}>
                    <span style={{fontSize:16,color:"#d4af37",width:16}}>{on?"▾":"▸"}</span>
                    <span style={{flex:1,minWidth:0}}>
                      <span style={{fontWeight:700,color:"#14224d",fontSize:14.5,display:"block",overflowWrap:"anywhere"}}>🏋️ {w.sport}</span>
                      <span style={{display:"block",fontSize:12,color:"#6b7280",marginTop:2}}>{fmtDMY(w.date)} · {w.min||0} phút · {cal} kcal</span>
                    </span>
                  </button>
                  {on && <div style={{padding:"2px 6px 14px"}}>
                    <WorkoutReportCard w={w} bodyList={bodyList}/>
                    {w.id && <button onClick={async function(){ if(!confirm("Xóa buổi tập \""+w.sport+"\" ("+fmtDMY(w.date)+")?"))return; try{ await apiFetch("workouts/"+w.id,{method:"DELETE"}); if((w.sport||"").indexOf("Tập tạ — ")===0){ wsClearCheckinMark(w.date,+w.min||undefined); try{window.dispatchEvent(new CustomEvent("ctgWsClearCheckin",{detail:{date:w.date,min:+w.min||undefined}}));}catch(_e){} } setSel(null); reloadData&&reloadData(); }catch(e){ alert("Lỗi: "+e.message); } }} style={{marginTop:10,padding:"8px 12px",borderRadius:9,border:"1px solid #dc2626",background:"none",color:"#dc2626",fontWeight:600,cursor:"pointer"}}>🗑️ Xóa buổi này</button>}
                  </div>}
                </div>;
              })}
            </div>}
        </CollapsePanel>
        <CollapsePanel title="🏃 Check-in bộ môn khác (tính calo)" defaultOpen={false}>
          <div style={{fontSize:12,color:"#6b7280",marginBottom:8}}>Cho buổi tập KHÔNG phải tập tạ (chạy bộ, bơi, đá bóng...). Nhập tên + thời gian, bấm bảng MET để điền nhanh — tự tính calo và lưu lên lịch như các buổi khác.</div>
          <OtherSportForm email={email} targetUserId={targetUserId} useApi={!!serverWorkouts} bodyList={bodyList} onSaved={()=>{reloadData&&reloadData();}}/>
        </CollapsePanel>
      </div>
      <div className="side">
        <Calendar title="🏋️‍♀️ Check in buổi tập" events={events} onSelect={e=>setSel(e.data)}/><div style={{width:"100%",marginTop:10,padding:"9px 12px",borderRadius:12,border:"1px dashed rgba(212,175,55,.5)",background:"rgba(212,175,55,.06)",fontSize:12,color:"#d4af37",fontWeight:700,textAlign:"center"}}>⬇ Mở LỊCH TẬP bên dưới, tập xong bấm "🏁 KẾT THÚC BUỔI" — buổi tập tự hiện lên lịch này kèm calo (MET 6 × thời gian buổi × cân nặng).</div>
      </div>
    </div>
    {/* LỊCH TẬP (dời từ tab Lên lịch tập sang đây): mở lịch -> tuần -> buổi -> khai báo từng set -> 🏁 KẾT THÚC BUỔI tự check-in lên lịch trên */}
    <div style={{marginTop:14}}>
      <WorkoutScheduler section="checkin" email={email} isAdmin={isAdmin} picked={picked} onPick={onPick} students={students} serverBody={serverBody} reloadData={reloadData}/>
    </div>
  </>;
}
function MetRef({onPick}){
  const [o,setO]=useState(false);
  const firstNum=v=>parseFloat(String(v).replace(",",".").split(/[–-]/)[0])||6;
  return <div style={{marginTop:6}}>
    <button className="tabbtn" style={{background:"#0a1325",border:"1px solid #cbd5e1",color:"#14224d",fontSize:12,padding:"5px 10px"}} onClick={()=>setO(!o)}>📖 Tra cứu MET {o?"▲":"▼"}{onPick?" (bấm để chọn)":""}</button>
    {o && <div className="card" style={{padding:8,marginTop:6,fontSize:12.5}}>
      {MET_REF.map(([k,v])=>onPick
        ? <div key={k} onClick={()=>onPick(k,firstNum(v))} style={{display:"flex",justifyContent:"space-between",padding:"5px 6px",borderBottom:"1px solid #e6ebf2",cursor:"pointer",borderRadius:6}} onMouseDown={e=>e.currentTarget.style.background="#fff7e0"} onMouseUp={e=>e.currentTarget.style.background=""} onMouseLeave={e=>e.currentTarget.style.background=""}><span>{k}</span><b style={{color:"#ea580c"}}>{v} METs</b></div>
        : <div key={k} style={{display:"flex",justifyContent:"space-between",padding:"2px 0",borderBottom:"1px solid #e6ebf2"}}><span>{k}</span><b style={{color:"#ea580c"}}>{v} METs</b></div>)}
    </div>}
  </div>;
}
// CHECK-IN BỘ MÔN KHÁC (chạy/bơi/đá bóng...) — nhập tên + thời gian + MET (bấm bảng tra cứu để điền nhanh) -> tính calo -> LƯU vào workouts
// (kèm user_id để KHÔNG lưu nhầm tài khoản coach — cùng cơ chế lưu như check-in buổi tập, tránh lỗi lưu không được).
function OtherSportForm({email,targetUserId=0,useApi=false,bodyList=[],onSaved}){
  const [f,setF]=useState({date:TODAY,sport:"",min:"30",met:"6"});
  const set=(k,v)=>setF(o=>({...o,[k]:v}));
  const [saving,setSaving]=useState(false);
  const cal=Math.round(caloBurn({email:email,date:f.date,met:+f.met||0,min:+f.min||0},bodyList));
  const save=async()=>{
    if(!useApi){ alert("⏳ Chưa tải xong dữ liệu từ server — vui lòng tải lại trang (Ctrl+F5) rồi thử lại."); return; }
    if(!f.sport.trim()){ alert("Nhập tên bộ môn (VD: Chạy bộ, Bơi lội...)."); return; }
    if(!(+f.min>0)){ alert("Nhập thời gian tập (phút)."); return; }
    setSaving(true);
    try{
      await apiFetch("workouts",{method:"POST",body:JSON.stringify({date:f.date,sport:f.sport.trim(),min:+f.min,met:+f.met,setq:"",prog:"",problem:"",user_id:targetUserId||undefined})});
      alert("✅ Đã lưu: "+f.sport.trim()+" — "+f.min+" phút ≈ "+cal+" kcal");
      setF(o=>Object.assign({},o,{sport:""})); onSaved&&onSaved();
    }catch(e){ alert("❌ Lỗi lưu: "+(e&&e.message||e)+"\nDữ liệu chưa mất — thử lại sau."); }
    setSaving(false);
  };
  return <div>
    <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(130px,1fr))",gap:8}}>
      <div><label>Ngày</label><input type="date" value={f.date} onChange={e=>set("date",e.target.value)}/></div>
      <div><label>Tên bộ môn</label><input value={f.sport} placeholder="VD: Chạy bộ, Bơi lội..." onChange={e=>set("sport",e.target.value)}/></div>
      <NumField label="Thời gian (phút)" value={f.min} onChange={v=>set("min",v)}/>
      <NumField label="MET" value={f.met} onChange={v=>set("met",v)} step={0.5}/>
    </div>
    <MetRef onPick={(name,met)=>{ set("met",String(met)); setF(o=>o.sport.trim()?o:Object.assign({},o,{sport:name,met:String(met)})); }}/>
    <div className="card" style={{padding:8,marginTop:8,fontSize:13}}>Calo tiêu hao: <b style={{color:"#ea580c"}}>{cal}</b> kcal <span style={{color:"#9aa6b6",fontSize:11.5}}>(MET × 3.5 × cân nặng ÷ 200 × phút)</span></div>
    {!useApi&&<div style={{fontSize:12,color:"#d97706",margin:"6px 0"}}>⏳ Đang tải dữ liệu server — chưa thể lưu, đợi giây lát.</div>}
    <button disabled={saving||!useApi} onClick={save} style={{marginTop:8,width:"100%",padding:"11px",borderRadius:10,border:"none",cursor:saving?"default":"pointer",fontWeight:800,fontSize:14,color:"#0d1838",background:saving?"#cbd5e1":"linear-gradient(135deg,#d4af37,#f7d774)"}}>{saving?"⏳ Đang lưu...":"💾 Lưu buổi tập bộ môn"}</button>
  </div>;
}
// [ĐÃ XÓA] WorkoutForm (thêm buổi tập thủ công + Chất lượng set / Mức độ tăng tiến) — thay bằng luồng check-in từ Lịch tập
// (nhập tạ × rep từng hiệp, ghi chấn thương, 🏁 KẾT THÚC BUỔI tự tính calo). Báo cáo buổi tập giờ chỉ liệt kê tên buổi + chi tiết khi bấm vào.

/* ============== VIEW 2: TỔNG QUAN TIẾN ĐỘ ============== */
function LineChart({labels,series}){
  const ref=useRef(null),inst=useRef(null);
  useEffect(()=>{
    if(inst.current) inst.current.destroy();
    inst.current=new Chart(ref.current,{type:"line",
      data:{labels,datasets:series.map(s=>({label:s.name,data:s.data,borderColor:s.color,backgroundColor:s.color+"22",tension:.3,yAxisID:s.axis||"y",pointRadius:3}))},
      options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{labels:{color:"#46536a"}}},
        scales:{x:{ticks:{color:"#6b7280"},grid:{color:"#e7ecf3"}},y:{ticks:{color:"#6b7280"},grid:{color:"#e7ecf3"}},y1:{position:"right",ticks:{color:"#6b7280"},grid:{drawOnChartArea:false}}}}});
    return ()=>{ if(inst.current) inst.current.destroy(); };
  },[labels,series]);
  return <div style={{position:"relative",height:260,width:"100%"}}><canvas ref={ref}></canvas></div>;
}
/* Nén/resize ảnh bằng canvas trước khi upload — tránh ảnh chụp từ điện thoại quá nặng (vài MB) làm chậm tải lên. */
function resizeImageFile(file,maxDim=1280,quality=0.82){
  return new Promise((resolve,reject)=>{
    const url=URL.createObjectURL(file);
    const img=new Image();
    img.onload=()=>{
      let{width,height}=img;
      if(width>maxDim||height>maxDim){
        if(width>height){height=Math.round(height*maxDim/width);width=maxDim;}
        else{width=Math.round(width*maxDim/height);height=maxDim;}
      }
      const canvas=document.createElement("canvas");
      canvas.width=width;canvas.height=height;
      canvas.getContext("2d").drawImage(img,0,0,width,height);
      canvas.toBlob(blob=>{
        URL.revokeObjectURL(url);
        blob?resolve(blob):reject(new Error("Không nén được ảnh"));
      },"image/jpeg",quality);
    };
    img.onerror=()=>{URL.revokeObjectURL(url);reject(new Error("Ảnh không hợp lệ"));};
    img.src=url;
  });
}
/* Ô ảnh có thể bấm để Chọn ảnh (thư viện) hoặc Chụp ảnh (camera) — ảnh được nén rồi tải thẳng lên WordPress Media Library, value lưu là URL thật trên server. */
function PhotoBox({label,value,onChange}){
  const fileRef=useRef(null), camRef=useRef(null);
  const [uploading,setUploading]=useState(false);
  const pick=async e=>{
    const file=(e&&e.target&&e.target.files&&e.target.files[0])||(e&&e.__file)||null;
    if(!file) return;
    setUploading(true);
    try{
      let blob=file;
      try{ blob=await resizeImageFile(file); }catch(e){ blob=file; }
      const fd=new FormData();
      fd.append("file",blob,(file.name||"photo").replace(/\.[^.]+$/,"")+".jpg");
      const r=await fetch(window.location.origin+"/wp-json/ctg/v1/upload-photo",{
        method:"POST",credentials:"include",
        headers:{"X-WP-Nonce":window.wpApiSettings?.nonce||window.ctgNonce||""},
        body:fd
      });
      const j=await r.json().catch(()=>({}));
      if(!r.ok||!j.url) throw new Error(j.message||"Tải ảnh lên thất bại");
      onChange(j.url);
    }catch(err){
      alert("Lỗi tải ảnh: "+err.message);
    }
    setUploading(false);
  };
  return <div onDragOver={e=>e.preventDefault()} onDrop={e=>{e.preventDefault(); const f=e.dataTransfer.files&&e.dataTransfer.files[0]; if(f) pick({__file:f});}}>
    <label>{label}</label>
    <input ref={fileRef} type="file" accept="image/*" style={{display:"none"}} onChange={pick}/>
    <input ref={camRef} type="file" accept="image/*" capture="environment" style={{display:"none"}} onChange={pick}/>
    {uploading
      ? <div style={{height:70,borderRadius:8,background:"#0a1325",border:"1px dashed #cbd5e1",display:"flex",alignItems:"center",justifyContent:"center",color:"#9aa6b6",fontSize:11}}>⏳ Đang tải...</div>
      : value
      ? <div style={{position:"relative",height:70,borderRadius:8,overflow:"hidden",border:"1px solid #cbd5e1"}}>
          <img src={value} style={{width:"100%",height:"100%",objectFit:"cover"}} alt={label}/>
          <button onClick={()=>onChange("")} title="Xóa ảnh" style={{position:"absolute",top:2,right:2,background:"#00000088",color:"#fff",border:"none",borderRadius:99,width:18,height:18,fontSize:11,cursor:"pointer",lineHeight:"18px",padding:0}}>✕</button>
        </div>
      : <div style={{display:"flex",gap:4}}>
          <div className="imgbox" style={{flex:1,fontSize:10,flexDirection:"column",gap:2}} onClick={()=>fileRef.current?.click()}>🖼️<span>Chọn</span></div>
          <div className="imgbox" style={{flex:1,fontSize:10,flexDirection:"column",gap:2}} onClick={()=>camRef.current?.click()}>📷<span>Chụp</span></div>
        </div>}
  </div>;
}
function BodyForm({student={},targetUserId=0,useApi=false,onClose,onSaved,editing=null}){
  const [f,setF]=useState(()=>editing?{
    date:editing.date||TODAY, gender:student.gender||"Nam", age:String(student.age||""),
    weight:String(editing.weight??"70"), method:"InBody", inbody:String(editing.bodyfat??"18"),
    one:"20", s1:"15", s2:"20", s3:"10",
    tang:editing.tang||"Tăng tiến tốt", sleep:editing.sleep||"Cũng cũng", stress:editing.stress||"Cũng cũng", problem:"",
    img1:editing.img1||"", img2:editing.img2||"", img3:editing.img3||""
  }:{date:TODAY,gender:student.gender||"Nam",age:String(student.age||""),weight:"70",method:"InBody",inbody:"18",one:"20",s1:"15",s2:"20",s3:"10",tang:"Tăng tiến tốt",sleep:"Cũng cũng",stress:"Cũng cũng",problem:"",img1:"",img2:"",img3:""});
  const set=(k,v)=>setF(o=>({...o,[k]:v}));
  const bf=calcBodyfat(f.method,f.gender,+f.age,f.inbody,f.s1,f.s2,f.s3,f.one);
  const lbm=r1n((+f.weight||0)*(1-bf/100));
  const [saving,setSaving]=useState(false);
  const handleSave=async()=>{if(useApi){setSaving(true);try{
    // QUAN TRỌNG: phải gửi kèm user_id — nếu không, server sẽ lưu nhầm vào tài khoản coach đang đăng nhập thay vì học viên đang xem (bug gốc gây ra "bấm thêm nhưng không thấy lưu").
    const payload={date:f.date,weight:+f.weight,bodyfat:bf,method:f.method,sleep:f.sleep,stress:f.stress,tang:f.tang,user_id:targetUserId||undefined};
    let rowId=editing&&editing.id;
    if(rowId){ await apiFetch('body/'+rowId,{method:'PUT',body:JSON.stringify(payload)}); }
    else{
      const created=await apiFetch('body',{method:'POST',body:JSON.stringify(payload)});
      rowId=created&&(created.id||(created.data&&created.data.id));
      if(!rowId){
        // Backend không trả về id bản ghi mới -> tìm lại qua danh sách mới nhất (theo user_id + ngày) để biết id gắn ảnh vào.
        try{
          const list=await apiFetch('body'+(targetUserId?'?user_id='+targetUserId:''));
          const match=(Array.isArray(list)?list:[]).filter(r=>r.date===f.date).sort((a,b)=>(b.id||0)-(a.id||0))[0];
          rowId=match&&match.id;
        }catch(e){}
      }
    }
    // Ảnh đã được PhotoBox tải lên Media Library ngay khi chọn -> f.img1/2/3 đã là URL thật trên server, giờ gắn URL này vào đúng bản ghi.
    if(rowId){
      try{ await apiFetch('body-photos',{method:'POST',body:JSON.stringify({id:rowId,img1:f.img1||'',img2:f.img2||'',img3:f.img3||''})}); }
      catch(e){ /* không chặn luồng lưu chính nếu lưu ảnh lỗi */ }
    }
    onSaved?onSaved():onClose();
  }catch(e){alert('Lỗi: '+e.message);}setSaving(false);}};
  return <div className="card" style={{padding:12,marginBottom:12,borderColor:"#c7d2fe"}}>
    <div style={{fontWeight:700,marginBottom:8}}>{editing?"✏️ Sửa nhật ký hình thể":"➕ Thêm nhật ký hình thể"}</div>
    {editing&&<div style={{fontSize:12,color:"#d97706",marginBottom:8,padding:"6px 10px",background:"#fff7ed",borderRadius:8}}>ℹ️ % mỡ đang hiển thị theo giá trị đã lưu (InBody). Nếu lần đo gốc dùng kẹp mỡ, hãy chọn lại phương pháp và nhập lại số đo để tính lại chính xác.</div>}
    <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(130px,1fr))",gap:8}}>
      <div><label>Ngày</label><input type="date" value={f.date} onChange={e=>set("date",e.target.value)}/></div>
      <NumField label="Tuổi" value={f.age} onChange={v=>set("age",v)}/>
    </div>
    <div style={{marginTop:8}}><label>Giới tính</label><Toggle options={GENDERS} value={f.gender} onChange={v=>set("gender",v)}/></div>
    <div style={{marginTop:8}}><NumField label="Cân nặng (kg)" value={f.weight} onChange={v=>set("weight",v)}/></div>
    <div style={{marginTop:8}}><label>Phương pháp đo mỡ</label><Toggle options={FATMETHOD} value={f.method} onChange={v=>set("method",v)}/></div>
    {f.method==="InBody" && <div style={{marginTop:8}}><NumField label="% mỡ InBody" value={f.inbody} onChange={v=>set("inbody",v)}/></div>}
    {f.method==="Kẹp mỡ 1 điểm" && <div style={{marginTop:8}}><NumField label="Kẹp mỡ 1 điểm (mm) — hông/eo" value={f.one} onChange={v=>set("one",v)}/></div>}
    {f.method==="Kẹp mỡ 3 điểm" && <div style={{marginTop:8,display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(96px,1fr))",gap:8}}>
      <NumField label="Điểm 1 (ngực/tay)" value={f.s1} onChange={v=>set("s1",v)}/>
      <NumField label="Điểm 2 (bụng/đùi)" value={f.s2} onChange={v=>set("s2",v)}/>
      <NumField label="Điểm 3 (đùi)" value={f.s3} onChange={v=>set("s3",v)}/>
    </div>}
    <div className="card" style={{padding:8,marginTop:8,fontSize:13}}>💧 Bodyfat (tự tính): <b style={{color:"#3b82f6"}}>{bf}%</b> · 💪 Lean body mass: <b style={{color:"#16a34a"}}>{lbm} kg</b></div>
    <div style={{fontSize:11,color:"#9aa6b6",marginTop:8}}>📌 Ảnh chọn/chụp bên dưới sẽ được tải lên và lưu trên server khi bấm Lưu.</div>
    <div style={{marginTop:6,display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(96px,1fr))",gap:8}}>
      <PhotoBox label="Mặt trước" value={f.img1} onChange={v=>set("img1",v)}/>
      <PhotoBox label="Mặt ngang" value={f.img2} onChange={v=>set("img2",v)}/>
      <PhotoBox label="Mặt sau" value={f.img3} onChange={v=>set("img3",v)}/>
    </div>
    <div style={{marginTop:8}}><label>Tăng tiến tạ</label><Toggle options={TANGTIEN} value={f.tang} onChange={v=>set("tang",v)}/></div>
    <div style={{marginTop:8}}><label>Giấc ngủ</label><Toggle options={SLEEP} value={f.sleep} onChange={v=>set("sleep",v)}/></div>
    <div style={{marginTop:8}}><label>Stress</label><Toggle options={STRESS} value={f.stress} onChange={v=>set("stress",v)}/></div>
    <div style={{marginTop:8}}><label>Các vấn đề khác</label><input value={f.problem} onChange={e=>set("problem",e.target.value)}/></div>
    {!useApi&&<div style={{fontSize:12,color:"#d97706",margin:"6px 0"}}>⏳ Đang tải dữ liệu server — chưa thể lưu, vui lòng đợi giây lát rồi thử lại.</div>}
    <FormBtns onClose={onClose} onSave={useApi?handleSave:undefined} saving={saving} disabledSave={!useApi} label={useApi?(editing?'💾 Cập nhật':'💾 Lưu'):'⏳ Đang tải...'}/>
  </div>;
}
function parsePlanText(text) {
  if (!text) return null;
  const lines = text.split('\n');
  const result = {};
  for (let line of lines) {
    if (line.includes('Chu kỳ:')) {
      result.chuKy = line.split('Chu kỳ:')[1].trim();
    } else if (line.includes('Cân nặng:')) {
      result.canNang = line.split('Cân nặng:')[1].trim();
    } else if (line.includes('%Mỡ:')) {
      const parts = line.split('|');
      for (let part of parts) {
        if (part.includes('%Mỡ:')) result.mo = part.split('%Mỡ:')[1].trim();
        if (part.includes('LBM:')) result.lbm = part.split('LBM:')[1].trim();
        if (part.includes('FFMI:')) result.ffmi = part.split('FFMI:')[1].trim();
      }
    } else if (line.includes('Thâm hụt calo') || line.includes('Dư thừa calo') || line.includes('Diet Break')) {
      const parts = line.split(':');
      result.calType = parts[0].replace('📊', '').trim();
      result.calVal = parts[1] ? parts[1].trim() : '';
    }
    
    if (line.includes('Block này nhằm')) {
      result.targetDesc = line.replace('🎯', '').trim();
    } else if (line.includes('Số bước chân')) {
      result.steps = line.split('Số bước chân / ngày:')[1].trim();
    } else if (line.includes('Buổi tập/tuần:')) {
      result.trainDays = line.split('Buổi tập/tuần:')[1].trim();
    } else if (line.includes('BMR:')) {
      const parts = line.split('|');
      for (let part of parts) {
        if (part.includes('BMR:')) result.bmr = part.split('BMR:')[1].trim();
        if (part.includes('TDEE:')) result.tdee = part.split('TDEE:')[1].trim();
        if (part.includes('Calo mục tiêu:')) result.caloGoal = part.split('Calo mục tiêu:')[1].trim();
      }
    } else if (line.includes('Protein:')) {
      const parts = line.split('·');
      for (let part of parts) {
        if (part.includes('Protein:')) result.protein = part.split('Protein:')[1].trim();
        if (part.includes('Carb:')) result.carb = part.split('Carb:')[1].trim();
        if (part.includes('Fat:')) result.fat = part.split('Fat:')[1].trim();
      }
    }
  }
  if (!result.chuKy && !result.canNang && !result.caloGoal) return null;
  return result;
}
function ViewTongQuan({email,isAdmin,picked,onPick,students=[],serverBody=null,serverWorkouts=null,reloadData}){
  const body=(serverBody||[]).sort((a,b)=>D(a.date)-D(b.date));
  const workoutList=serverWorkouts||[];
  const st=students.find(s=>s.email===(picked||email))||{};
  const last=body[body.length-1];
  const measureDates=body.map(b=>b.date);
  const [r1,setR1]=useState(measureDates[0]||TODAY);
  const [r2,setR2]=useState(measureDates[measureDates.length-1]||TODAY);
  const [viewDetail,setViewDetail]=useState(null);
  const [editRecord,setEditRecord]=useState(null);
  useEffect(()=>{
    setR1(measureDates[0]||TODAY);
    setR2(measureDates[measureDates.length-1]||TODAY);
    setViewDetail(null);
    setEditRecord(null);
  },[email]);

  // Dữ liệu thật cho "Tình trạng trao đổi chất": user id thật + goal thật + lịch sử ăn uống thật (gộp từ /meals + bước chân)
  const [wpUserId,setWpUserId]=useState(0);
  useEffect(()=>{
    fetch(window.location.origin+"/wp-json/wp/v2/users/me",{credentials:"include",headers:{"X-WP-Nonce":window.wpApiSettings?.nonce||""}})
      .then(r=>r.ok?r.json():Promise.reject()).then(u=>setWpUserId(u.id||0)).catch(()=>setWpUserId(0));
  },[]);
  const targetUserId = st.id || wpUserId;
  const [realGoal,setRealGoal]=useState("");
  const [dynamicProfile,setDynamicProfile]=useState(null);
  useEffect(()=>{
    let cancelled=false;
    if(!targetUserId){ setRealGoal(""); setDynamicProfile(null); return; }
    getStudentGoal(targetUserId).then(g=>{ if(!cancelled) setRealGoal(g); });
    apiFetch("student/"+targetUserId).then(p=>{ if(!cancelled) setDynamicProfile(p); }).catch(()=>{});
    return ()=>{cancelled=true;};
  },[targetUserId]);
  const stGoal = realGoal || "Giảm mỡ";
  const currentPlan = dynamicProfile ? (dynamicProfile.plan || dynamicProfile.ctg_plan || "") : (st.plan || "");
  const currentGiaoAn = dynamicProfile ? (dynamicProfile.giaoAn || dynamicProfile.giao_an || dynamicProfile.ctg_giao_an || "") : (st.giaoAn || "");
  const currentStart = dynamicProfile ? (dynamicProfile.start || dynamicProfile.ctg_start || "") : (st.start || "");
  const currentEnd = dynamicProfile ? (dynamicProfile.end || dynamicProfile.ctg_end || "") : (st.end || "");
  const [serverMeals,setServerMeals]=useState([]);
  const [checkinHistory,setCheckinHistory]=useState([]);
  useEffect(()=>{
    let cancelled=false;
    if(!targetUserId){ setServerMeals([]); setCheckinHistory([]); return; }
    apiFetch("meals?user_id="+targetUserId).then(d=>{ if(!cancelled) setServerMeals(Array.isArray(d)?d:[]); }).catch(()=>{});
    getDailyCheckinHistory(targetUserId).then(r=>{ if(!cancelled) setCheckinHistory(r); });
    return ()=>{cancelled=true;};
  },[targetUserId]);
  const dailyHistory=useMemo(()=>buildDailyHistory(email,serverMeals,checkinHistory,stGoal),[email,serverMeals,checkinHistory,stGoal]);
    const [sessTarget,setSessTarget]=useState(null);
    useEffect(()=>{
      let cancelled=false;
      if(!targetUserId){ setSessTarget(null); return; }
      getSessionsTarget(targetUserId).then(n=>{ if(!cancelled) setSessTarget(n); });
      return ()=>{cancelled=true;};
    },[targetUserId]);
    async function saveSessTarget(n){
      setSessTarget(n);
      try{ await postSessionsTarget(targetUserId,n); }catch(e){}
    }
    const tqR1cal = iso(addDays(D(TODAY),-6)), tqR2cal = TODAY;
    const tqRate = sessionsPerWeekIn(email, tqR1cal, tqR2cal, workoutList);
    const tqTraining = classifyTraining(tqRate.perWeek, sessTarget);

  return <>
    {isAdmin && <div style={{marginBottom:14}}><StudentPicker list={students} picked={picked} onPick={onPick}/></div>}
    <div className="main main-tq" style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(min(100%,300px),1fr))",gap:14,alignItems:"start"}}>
      <div style={{gridColumn:"1/-1",display:"flex",flexWrap:"wrap",alignItems:"center",gap:12,padding:"12px 16px",background:"#fff",border:"1px solid #e6ebf2",borderRadius:10}}>
        <div style={{fontWeight:700,fontSize:13}}>📅 Buổi tập/tuần</div>
        <div style={{fontSize:20,fontWeight:800,color:tqTraining.color}}>{tqRate.perWeek.toFixed(1)}</div>
        <div style={{fontSize:12,color:"#9aa6b6"}}>/ mục tiêu</div>
        <input type="number" min="0" step="0.5" defaultValue={sessTarget==null?'':sessTarget} placeholder="chưa đặt"
          onBlur={e=>{const n=parseFloat(e.target.value); if(!isNaN(n)&&n>=0) saveSessTarget(n);}}
          style={{width:56,fontSize:13,padding:"4px 6px",border:"1px solid #d1d5db",borderRadius:6}} />
        <span style={{fontSize:11,background:"#fff",border:"1px solid "+tqTraining.color,color:tqTraining.color,padding:"3px 8px",borderRadius:8,whiteSpace:"nowrap"}}>{tqTraining.label}</span>
      </div>
    <div style={{display:"flex",flexDirection:"column",gap:14,minWidth:0}}>
      <CollapsePanel title="🧬 Nhật ký hình thể" defaultOpen={false} right={<button className="tabbtn" style={{background:"#14224d",color:"#f4f6f8",padding:"6px 12px",fontSize:13}} onClick={()=>setEditRecord(true)}>+ Thêm</button>}>
        {!body.length&&<Empty msg="Chưa có dữ liệu cân nặng/hình thể nào"/>}
        <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(130px,1fr))",gap:8}}>
          {[...body].reverse().map((b,i)=>(
            <div key={i} className="card" onClick={()=>setViewDetail(b)} style={{padding:8,cursor:"pointer",border:"1px solid #cbd5e1",borderRadius:10,transition:"border-color 0.2s",boxShadow:"0 1px 2px rgba(15,23,42,.03)"}}>
              <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:4}}>
                <b>{fmtD(b.date)}</b>
                <div style={{display:"flex",alignItems:"center",gap:6}}>
                  <span style={{fontSize:10,background:"#0a1325",color:"#6b7280",padding:"2px 5px",borderRadius:4}}>{b.method}</span>
                  <button onClick={async(e)=>{
                    e.stopPropagation();
                    if(!confirm("Xóa nhật ký ngày "+fmtD(b.date)+"?")) return;
                    try{
                      await apiFetch("body/"+b.id,{method:"DELETE"});
                      reloadData&&reloadData();
                    }catch(err){
                      alert("Lỗi: "+err.message);
                    }
                  }} style={{background:"none",border:"none",cursor:"pointer",fontSize:13,padding:0,lineHeight:"1"}} title="Xóa nhanh">🗑️</button>
                </div>
              </div>
              {(b.img1||b.img2||b.img3)
                ? <div style={{display:"flex",gap:4,marginBottom:6}}>
                    {[b.img1,b.img2,b.img3].filter(Boolean).map((im,ix)=><img key={ix} src={im} style={{flex:1,height:74,objectFit:"cover",borderRadius:8,border:"1px solid #cbd5e1"}} alt="hình thể"/>)}
                  </div>
                : <div style={{height:74,borderRadius:8,background:"#0a1325",border:"1px dashed #cbd5e1",display:"flex",alignItems:"center",justifyContent:"center",color:"#9aa6b6",fontSize:11,marginBottom:6}}>🖼️ Chưa có ảnh</div>}
              <div style={{fontSize:13,fontWeight:600}}>⚖️ {b.weight}kg · 💧{b.bodyfat}%</div>
              <div style={{fontSize:11,color:"#6b7280",marginTop:2}}>💪 LBM: {lbmOf(b)}kg</div>
            </div>
          ))}
        </div>
      </CollapsePanel>

      {viewDetail && <Modal onClose={()=>setViewDetail(null)}>
        <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:14,borderBottom:"1px solid #e6ebf2",paddingBottom:8}}>
          <div style={{fontWeight:800,fontSize:15,color:"#f8fafc"}}>🧬 Chi tiết hình thể</div>
          <div style={{display:"flex",gap:8}}>
            <button onClick={()=>{setEditRecord(viewDetail);}} title="Chỉnh sửa" style={{background:"none",border:"1px solid #cbd5e1",borderRadius:8,padding:"6px 10px",cursor:"pointer",fontSize:16,display:"flex",alignItems:"center",justifyContent:"center"}}>✏️</button>
            <button onClick={async()=>{
              if(!confirm("Xóa nhật ký ngày "+fmtD(viewDetail.date)+"?")) return;
              try{
                await apiFetch("body/"+viewDetail.id,{method:"DELETE"});
                setViewDetail(null);
                reloadData&&reloadData();
              }catch(e){
                alert("Lỗi: "+e.message);
              }
            }} title="Xóa" style={{background:"none",border:"1px solid #fee2e2",borderRadius:8,padding:"6px 10px",cursor:"pointer",fontSize:16,display:"flex",alignItems:"center",justifyContent:"center"}}>🗑️</button>
          </div>
        </div>
        <div style={{maxHeight:"70vh",overflowY:"auto",fontSize:13,color:"#f8fafc"}}>
          <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:10,marginBottom:12}}>
            <div style={{background:"rgba(148, 163, 184, 0.08)",padding:8,borderRadius:8,border:"1px solid rgba(148, 163, 184, 0.3)"}}>
              <span style={{fontSize:11,color:"#6b7280",display:"block"}}>Ngày đo</span>
              <strong style={{fontSize:14}}>{fmtDMY(viewDetail.date)}</strong>
            </div>
            <div style={{background:"rgba(148, 163, 184, 0.08)",padding:8,borderRadius:8,border:"1px solid rgba(148, 163, 184, 0.3)"}}>
              <span style={{fontSize:11,color:"#6b7280",display:"block"}}>Phương pháp</span>
              <strong style={{fontSize:14}}>{viewDetail.method}</strong>
            </div>
          </div>

          <div style={{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:8,marginBottom:12,textAlign:"center"}}>
            <div style={{background:"rgba(14, 165, 233, 0.08)",padding:8,borderRadius:8,border:"1px solid rgba(14, 165, 233, 0.3)"}}>
              <span style={{fontSize:11,color:"#0284c7",display:"block"}}>Cân nặng</span>
              <strong style={{fontSize:16,color:"#0284c7"}}>{viewDetail.weight} kg</strong>
            </div>
            <div style={{background:"rgba(34, 197, 94, 0.08)",padding:8,borderRadius:8,border:"1px solid rgba(34, 197, 94, 0.3)"}}>
              <span style={{fontSize:11,color:"#16a34a",display:"block"}}>Tỷ lệ mỡ</span>
              <strong style={{fontSize:16,color:"#16a34a"}}>{viewDetail.bodyfat}%</strong>
            </div>
            <div style={{background:"rgba(168, 85, 247, 0.08)",padding:8,borderRadius:8,border:"1px solid rgba(168, 85, 247, 0.3)"}}>
              <span style={{fontSize:11,color:"#9333ea",display:"block"}}>LBM (Cơ nạc)</span>
              <strong style={{fontSize:16,color:"#9333ea"}}>{lbmOf(viewDetail)} kg</strong>
            </div>
          </div>

          <div style={{background:"#f8fafc",padding:10,borderRadius:8,border:"1px solid #e2e8f0",marginBottom:12}}>
            <div style={{display:"flex",justifyContent:"space-between",fontSize:13,marginBottom:4}}>
              <span style={{color:"#6b7280"}}>😴 Giấc ngủ:</span>
              <strong style={{color:"#475569"}}>{viewDetail.sleep}</strong>
            </div>
            <div style={{display:"flex",justifyContent:"space-between",fontSize:13,marginBottom:4}}>
              <span style={{color:"#6b7280"}}>😰 Stress:</span>
              <strong style={{color:"#475569"}}>{viewDetail.stress}</strong>
            </div>
            <div style={{display:"flex",justifyContent:"space-between",fontSize:13,marginBottom:4}}>
              <span style={{color:"#6b7280"}}>🏋️ Tăng tiến tạ:</span>
              <strong style={{color:"#475569"}}>{viewDetail.tang}</strong>
            </div>
            {viewDetail.problem && <div style={{fontSize:13,marginTop:6,borderTop:"1px solid #e2e8f0",paddingTop:4,color:"#b45309"}}>
              <span>⚠️ Vấn đề khác:</span> {viewDetail.problem}
            </div>}
          </div>

          <div style={{marginBottom:6,fontWeight:600,fontSize:13,color:"#475569"}}>🖼️ Ảnh so sánh hình thể</div>
          <div style={{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:6,marginBottom:12}}>
            {viewDetail.img1 ? <a href={viewDetail.img1} target="_blank" rel="noreferrer"><img src={viewDetail.img1} style={{width:"100%",height:100,objectFit:"cover",borderRadius:8,border:"1px solid #cbd5e1"}} alt="Mặt trước"/></a> : <div style={{height:100,borderRadius:8,background:"#f1f5f9",border:"1px dashed #cbd5e1",display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,color:"#94a3b8",textAlign:"center",padding:4}}>Không ảnh trước</div>}
            {viewDetail.img2 ? <a href={viewDetail.img2} target="_blank" rel="noreferrer"><img src={viewDetail.img2} style={{width:"100%",height:100,objectFit:"cover",borderRadius:8,border:"1px solid #cbd5e1"}} alt="Mặt ngang"/></a> : <div style={{height:100,borderRadius:8,background:"#f1f5f9",border:"1px dashed #cbd5e1",display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,color:"#94a3b8",textAlign:"center",padding:4}}>Không ảnh ngang</div>}
            {viewDetail.img3 ? <a href={viewDetail.img3} target="_blank" rel="noreferrer"><img src={viewDetail.img3} style={{width:"100%",height:100,objectFit:"cover",borderRadius:8,border:"1px solid #cbd5e1"}} alt="Mặt sau"/></a> : <div style={{height:100,borderRadius:8,background:"#f1f5f9",border:"1px dashed #cbd5e1",display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,color:"#94a3b8",textAlign:"center",padding:4}}>Không ảnh sau</div>}
          </div>
        </div>
      </Modal>}

      {editRecord && <Modal onClose={()=>setEditRecord(null)}>
        <div style={{maxHeight:"80vh",overflowY:"auto",margin:"0 -10px",padding:"0 10px"}}>
          <BodyForm student={st} targetUserId={targetUserId} useApi={!!serverBody} editing={editRecord===true?null:editRecord} onClose={()=>setEditRecord(null)} onSaved={()=>{reloadData&&reloadData();setEditRecord(null);setViewDetail(null);}}/>
        </div>
      </Modal>}
      <CollapsePanel title="📈 Biểu đồ tiến độ" defaultOpen={true}>
        <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(116px,1fr))",gap:8,marginBottom:10}}>
          <Stat label="Cân nặng" value={last?last.weight:"--"} unit="kg"/>
          <Stat label="% Mỡ" value={last?last.bodyfat:"--"} unit="%" accent="#3b82f6"/>
          <Stat label="LBM" value={last?lbmOf(last):"--"} unit="kg" accent="#16a34a"/>
          <Stat label="BMR" value={Math.round(bmr(email,TODAY,body))||"--"} unit="kcal" accent="#d97706"/>
        </div>
        {body.length>1 ? <LineChart labels={body.map(b=>fmtD(b.date))}
          series={[{name:"Cân nặng",data:body.map(b=>b.weight),color:"#14224d",axis:"y"},
                   {name:"% Mỡ",data:body.map(b=>b.bodyfat),color:"#3b82f6",axis:"y1"},
                   {name:"LBM",data:body.map(b=>lbmOf(b)),color:"#ea580c",axis:"y"}]}/> : <Empty msg="Cần ≥2 lần đo để vẽ biểu đồ"/>}
      </CollapsePanel>
    </div>
    <div style={{display:"flex",flexDirection:"column",gap:14,minWidth:0}}>
      <CollapsePanel title="📋 Kế hoạch" defaultOpen={false}>
        {currentPlan ? (
          (function() {
            const parsed = parsePlanText(currentPlan);
            if (!parsed) return <p style={{margin:0,color:"#f8fafc",whiteSpace:"pre-wrap"}}>{currentPlan}</p>;
            
            const pNum = parseFloat(parsed.protein) || 0;
            const cNum = parseFloat(parsed.carb) || 0;
            const fNum = parseFloat(parsed.fat) || 0;
            const totalCal = (pNum * 4) + (cNum * 4) + (fNum * 9);
            const pPct = totalCal ? ((pNum * 4) / totalCal) * 100 : 33.3;
            const cPct = totalCal ? ((cNum * 4) / totalCal) * 100 : 33.3;
            const fPct = totalCal ? ((fNum * 9) / totalCal) * 100 : 33.4;

            const bmrVal = parseFloat(parsed.bmr) || 0;
            const tdeeVal = parseFloat(parsed.tdee) || 0;
            const goalVal = parseFloat(parsed.caloGoal) || 0;
            const minVal = Math.min(bmrVal, goalVal, tdeeVal) * 0.95 || 1000;
            const maxVal = Math.max(bmrVal, goalVal, tdeeVal) * 1.05 || 3000;
            const range = maxVal - minVal;
            const bmrPos = range ? ((bmrVal - minVal) / range) * 100 : 15;
            const goalPos = range ? ((goalVal - minVal) / range) * 100 : 50;
            const tdeePos = range ? ((tdeeVal - minVal) / range) * 100 : 85;
            const clamp = (val) => Math.max(10, Math.min(90, val));
            
            return (
              <div style={{display:"flex",flexDirection:"column",gap:12,background:"#f8fafc",padding:14,borderRadius:12,border:"1px solid #e2e8f0"}}>
                {parsed.targetDesc && (
                  <div style={{background:"rgba(79, 70, 229, 0.08)",border:"1px solid rgba(79, 70, 229, 0.2)",borderRadius:8,padding:"8px 12px",fontWeight:600,color:"#14224d",fontSize:13}}>
                    🎯 {parsed.targetDesc}
                  </div>
                )}
                
                <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(130px,1fr))",gap:10}}>
                  <div style={{background:"#fff",padding:10,borderRadius:8,border:"1px solid #e2e8f0"}}>
                    <span style={{fontSize:11,color:"#6b7280",display:"block"}}>Calo mục tiêu</span>
                    <strong style={{fontSize:16,color:"#f8fafc"}}>{parsed.caloGoal || '?'} kcal</strong>
                    {parsed.calType && <span style={{fontSize:10,color:"#ef4444",display:"block",marginTop:2}}>{parsed.calType}: {parsed.calVal}</span>}
                  </div>
                  <div style={{background:"#fff",padding:10,borderRadius:8,border:"1px solid #e2e8f0"}}>
                    <span style={{fontSize:11,color:"#6b7280",display:"block"}}>Chu kỳ lộ trình</span>
                    <strong style={{fontSize:13,color:"#f8fafc",display:"block",marginTop:2}}>{parsed.chuKy || '?'}</strong>
                  </div>
                </div>

                {(parsed.bmr || parsed.tdee) && (
                  <div style={{background:"#fff",padding:12,borderRadius:8,border:"1px solid #e2e8f0"}}>
                    <span style={{fontSize:11,color:"#6b7280",fontWeight:600}}>Đối chiếu năng lượng (kcal)</span>
                    <div style={{position:"relative",height:6,background:"#e2e8f0",borderRadius:3,marginTop:20,marginBottom:15}}>
                      <div style={{position:"absolute",left:`${clamp(bmrPos)}%`,top:-3,width:12,height:12,borderRadius:"50%",background:"#d97706"}}>
                        <span style={{position:"absolute",top:-18,left:"50%",transform:"translateX(-50%)",fontSize:10,fontWeight:700,color:"#d97706",whiteSpace:"nowrap"}}>BMR: {parsed.bmr}</span>
                      </div>
                      <div style={{position:"absolute",left:`${clamp(goalPos)}%`,top:-3,width:12,height:12,borderRadius:"50%",background:"#14224d"}}>
                        <span style={{position:"absolute",bottom:-18,left:"50%",transform:"translateX(-50%)",fontSize:10,fontWeight:700,color:"#14224d",whiteSpace:"nowrap"}}>MT: {parsed.caloGoal}</span>
                      </div>
                      <div style={{position:"absolute",left:`${clamp(tdeePos)}%`,top:-3,width:12,height:12,borderRadius:"50%",background:"#10b981"}}>
                        <span style={{position:"absolute",top:-18,left:"50%",transform:"translateX(-50%)",fontSize:10,fontWeight:700,color:"#10b981",whiteSpace:"nowrap"}}>TDEE: {parsed.tdee}</span>
                      </div>
                    </div>
                  </div>
                )}

                <div style={{background:"#fff",padding:12,borderRadius:8,border:"1px solid #e2e8f0"}}>
                  <span style={{fontSize:11,color:"#6b7280",fontWeight:600,display:"block",marginBottom:6}}>Tỷ lệ calo đa lượng (Macros)</span>
                  <div style={{display:"flex",height:14,borderRadius:6,overflow:"hidden",background:"#e2e8f0"}}>
                    <div style={{width:`${pPct}%`,background:"#ef4444"}} title={`Protein`}/>
                    <div style={{width:`${cPct}%`,background:"#3b82f6"}} title={`Carb`}/>
                    <div style={{width:`${fPct}%`,background:"#f59e0b"}} title={`Fat`}/>
                  </div>
                  <div style={{display:"flex",justifyContent:"space-between",fontSize:11,marginTop:6,flexWrap:"wrap",gap:4}}>
                    <span style={{color:"#ef4444",fontWeight:600}}>🥩 Protein: {parsed.protein} ({Math.round(pPct)}%)</span>
                    <span style={{color:"#3b82f6",fontWeight:600}}>🍞 Carb: {parsed.carb} ({Math.round(cPct)}%)</span>
                    <span style={{color:"#f59e0b",fontWeight:600}}>🥑 Fat: {parsed.fat} ({Math.round(fPct)}%)</span>
                  </div>
                </div>

                <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:10}}>
                  <div style={{background:"#fff",padding:10,borderRadius:8,border:"1px solid #e2e8f0",display:"flex",alignItems:"center",gap:8}}>
                    <span style={{fontSize:18}}>🏋️</span>
                    <div>
                      <span style={{fontSize:10,color:"#6b7280",display:"block"}}>Lịch tập</span>
                      <strong style={{fontSize:11,color:"#1e293b"}}>{parsed.trainDays || '?'}</strong>
                    </div>
                  </div>
                  <div style={{background:"#fff",padding:10,borderRadius:8,border:"1px solid #e2e8f0",display:"flex",alignItems:"center",gap:8}}>
                    <span style={{fontSize:18}}>👟</span>
                    <div>
                      <span style={{fontSize:10,color:"#6b7280",display:"block"}}>Vận động</span>
                      <strong style={{fontSize:11,color:"#1e293b"}}>{parsed.steps || '0'} bước/ngày</strong>
                    </div>
                  </div>
                </div>

                <div style={{background:"#fff",padding:12,borderRadius:8,border:"1px solid #e2e8f0",fontSize:12,display:"flex",flexDirection:"column",gap:6}}>
                  <span style={{fontSize:11,color:"#6b7280",fontWeight:600,display:"block",borderBottom:"1px solid #f1f5f9",paddingBottom:4}}>Chỉ số cơ thể mục tiêu</span>
                  <div>⚖️ <b>Cân nặng:</b> {parsed.canNang || '?'} kg</div>
                  <div>💧 <b>%Mỡ:</b> {parsed.mo || '?'}% | 💪 <b>LBM:</b> {parsed.lbm || '?'} kg | 📐 <b>FFMI:</b> {parsed.ffmi || '?'}</div>
                </div>
              </div>
            );
          })()
        ) : <Empty msg="Chưa có kế hoạch được coach nhập"/>}
        <button type="button" onClick={function(){ window.open(window.location.origin + '/len-lo-trinh-chi-tiet/?ctg_restore_user=' + st.id + '&ctg_restore_latest=1', '_blank'); }} style={{marginTop:10,fontSize:12.5,color:"#fff",background:"#14224d",border:"none",borderRadius:8,padding:"7px 14px",cursor:"pointer",fontWeight:600}}>↩️ Xem lại lộ trình đầy đủ</button>
        {currentGiaoAn&&<a href={currentGiaoAn} target="_blank" rel="noopener" style={{display:"inline-block",marginTop:8,color:"#14224d",fontSize:14}}>🔗 Mở giáo án</a>}
        <div style={{fontSize:13,color:"#6b7280",marginTop:8}}>{currentStart&&currentEnd?<>Chu kỳ: {fmtDMY(currentStart)} → {fmtDMY(currentEnd)} · </>:null}Mục tiêu: <b style={{color:"#14224d"}}>{stGoal}</b></div>
      </CollapsePanel>
      <CollapsePanel title="🔬 Tình trạng trao đổi chất" defaultOpen={false}>
        {measureDates.length? <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(130px,1fr))",gap:8,marginBottom:10}}>
          <div><label>Ngày bắt đầu (ngày có đo)</label><select value={r1} onChange={e=>setR1(e.target.value)}>{measureDates.map(d=><option key={d} value={d}>{fmtDMY(d)}</option>)}</select></div>
          <div><label>Ngày kết thúc (ngày có đo)</label><select value={r2} onChange={e=>setR2(e.target.value)}>{measureDates.map(d=><option key={d} value={d}>{fmtDMY(d)}</option>)}</select></div>
        </div> : <Empty msg="Cần ≥2 lần đo cân nặng/% mỡ để đối chiếu trao đổi chất"/>}
        {measureDates.length>0 && <MetabolicCard email={email} r1={r1} r2={r2} bodyList={body} workoutList={workoutList} dailyList={dailyHistory}/>}
      </CollapsePanel>
    </div>
    </div>
  </>;
}

/* ============== AI MEAL COMPONENTS ============== */
function AiOnboarding({onSave}){
  const [step,setStep]=useState(0); // 0=landing, 1=guide, 2=input
  const [k,setK]=useState("");
  const [err,setErr]=useState("");
  const [saving,setSaving]=useState(false);
  if(step===0) return (
    <div style={{textAlign:"center",padding:"28px 16px"}}>
      <div style={{fontSize:40,marginBottom:12}}>🤖</div>
      <div style={{fontWeight:800,fontSize:18,marginBottom:6}}>Kết nối AI phân tích bữa ăn</div>
      <div style={{fontSize:13.5,color:"#6b7280",marginBottom:20,lineHeight:1.6}}>
        Chụp ảnh bữa ăn → AI tự tính macro, nhận xét chế độ ăn và gợi ý cho bữa tiếp theo.<br/>
        Sử dụng Google Gemini AI — <b>1 key dùng chung cho cả phòng tập</b>, học viên không cần tự tạo key.
      </div>
      <button className="tabbtn" style={{background:"#14224d",color:"#f4f6f8",fontSize:15,padding:"10px 28px"}} onClick={()=>setStep(1)}>
        🔗 Kết nối với AI →
      </button>
    </div>
  );
  if(step===1) return (
    <div style={{padding:"8px 4px"}}>
      <div style={{fontWeight:700,fontSize:15,marginBottom:16,textAlign:"center"}}>📋 Lấy API key miễn phí (3 bước)</div>
      {[
        {n:"1",icon:"🌐",title:"Vào trang lấy key",desc:"Mở link bên dưới (đăng nhập Google nếu chưa đăng nhập)",action:<a href="https://aistudio.google.com/apikey" target="_blank" rel="noopener" style={{display:"inline-block",marginTop:8,padding:"8px 16px",background:"#14224d",color:"#f4f6f8",borderRadius:9,textDecoration:"none",fontWeight:600,fontSize:13}}>Mở Google AI Studio ↗</a>},
        {n:"2",icon:"➕",title:'Bấm "Create API key"',desc:'Bấm nút "Create API key" màu xanh → chọn "Create API key in new project" → Copy key vừa tạo'},
        {n:"3",icon:"📋",title:"Dán key vào đây",desc:"Quay lại trang này và bấm Tiếp tục để nhập key"},
      ].map(s=><div key={s.n} className="card" style={{padding:"10px 12px",marginBottom:10,display:"flex",gap:12,alignItems:"flex-start"}}>
        <div style={{width:28,height:28,borderRadius:14,background:"#14224d",color:"#f4f6f8",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:800,fontSize:14,flexShrink:0}}>{s.n}</div>
        <div style={{minWidth:0}}>
          <div style={{fontWeight:700,fontSize:13,marginBottom:2}}>{s.icon} {s.title}</div>
          <div style={{fontSize:12.5,color:"#6b7280"}}>{s.desc}</div>
          {s.action&&s.action}
        </div>
      </div>)}
      <button className="tabbtn" style={{width:"100%",background:"#14224d",color:"#f4f6f8",marginTop:4}} onClick={()=>setStep(2)}>
        Đã có key → Tiếp tục
      </button>
    </div>
  );
  return (
    <div style={{padding:"8px 4px"}}>
      <div style={{fontWeight:700,fontSize:15,marginBottom:4}}>🔑 Dán API key vào đây</div>
      <div style={{fontSize:12.5,color:"#6b7280",marginBottom:12}}>Key có dạng <code style={{background:"#0a1325",padding:"1px 6px",borderRadius:5}}>AIza...</code> hoặc <code style={{background:"#0a1325",padding:"1px 6px",borderRadius:5}}>AQ....</code> — lưu 1 lần, dùng mãi mãi</div>
      <input type="text" placeholder="AIza... hoặc AQ...." value={k} onChange={e=>{setK(e.target.value);setErr("");}} style={{marginBottom:8}} autoFocus/>
      {err&&<div style={{color:"#dc2626",fontSize:12.5,marginBottom:8}}>⚠️ {err}</div>}
      <div style={{display:"flex",gap:8}}>
        <button className="tabbtn" style={{flex:1,background:"#14224d",color:"#f4f6f8"}} disabled={saving} onClick={async()=>{
          const t=k.trim();
          if(!t||(!t.startsWith("AIza")&&!t.startsWith("AQ."))) return setErr("Key không hợp lệ — phải bắt đầu bằng AIza hoặc AQ.");
          setSaving(true); setErr("");
          try{ await onSave(t); }
          catch(e){ setErr(e.message||"Lỗi lưu key lên server"); }
          setSaving(false);
        }}>{saving?"⏳ Đang lưu...":"✓ Xác nhận & Lưu"}</button>
        <button className="tabbtn" style={{background:"#cbd5e1",color:"#f8fafc"}} onClick={()=>setStep(1)}>← Quay lại</button>
      </div>
    </div>
  );
}

function MacroAdvice({tg,acc,nextMeal}){
  if(!tg||!acc) return null;
  const rem={
    pro:Math.round(tg.pro-acc.pro),
    carb:Math.round(tg.carb-acc.carb),
    fat:Math.round(tg.fat-acc.fat)
  };
  const items=[];

  // Protein
  if(tg.pro>0){
    if(acc.pro>tg.pro*1.15){
      items.push({t:"🍗 Đạm vượt "+Math.round(acc.pro-tg.pro)+"g — bữa sau giảm thịt/cá/trứng",c:"#dc2626"});
    } else if(rem.pro>tg.pro*0.35){
      const chicken=Math.round(rem.pro/0.31);
      const eggs=Math.round(rem.pro/6);
      items.push({t:`🍗 Còn thiếu ${rem.pro}g đạm — cần thêm ~${chicken}g ức gà hoặc ${eggs} quả trứng bữa sau`,c:"#d97706"});
    } else if(rem.pro>0&&rem.pro<=tg.pro*0.35){
      items.push({t:`🍗 Đạm gần đủ (còn ${rem.pro}g) — duy trì tốt!`,c:"#16a34a"});
    }
  }

  // Carb
  if(tg.carb>0){
    if(acc.carb>tg.carb*1.2){
      items.push({t:`🍚 Carb vượt ${Math.round(acc.carb-tg.carb)}g — bữa sau tránh cơm/bánh mì/mì`,c:"#dc2626"});
    } else if(rem.carb>tg.carb*0.4){
      const rice=Math.round(rem.carb/0.28);
      items.push({t:`🍚 Carb còn thiếu ${rem.carb}g — có thể thêm ~${rice}g cơm hoặc khoai`,c:"#6b7280"});
    } else if(rem.carb>0&&rem.carb<=tg.carb*0.15){
      items.push({t:`🍚 Carb gần đủ (còn ${rem.carb}g) — kiểm soát khẩu phần tinh bột`,c:"#d97706"});
    }
  }

  // Fat
  if(tg.fat>0){
    if(acc.fat>tg.fat*1.15){
      items.push({t:`🥑 Fat vượt ${Math.round(acc.fat-tg.fat)}g — tránh dầu mỡ, đồ chiên bữa sau`,c:"#dc2626"});
    } else if(rem.fat>tg.fat*0.35){
      const avo=Math.round(rem.fat/0.15);
      items.push({t:`🥑 Fat còn dư ${rem.fat}g — thêm bơ (~${avo}g), hạt hoặc cá hồi`,c:"#16a34a"});
    }
  }

  // Tổng thể
  const caloAcc=acc.pro*4+acc.carb*4+acc.fat*9;
  const caloTg=tg.pro*4+tg.carb*4+tg.fat*9;
  if(!items.length&&caloAcc>=caloTg*0.88){
    items.push({t:"✅ Macro hôm nay cân đối — tiếp tục duy trì!",c:"#16a34a"});
  }
  if(!items.length) return null;

  return <div style={{marginTop:8}}>
    {nextMeal&&<div style={{fontSize:12,color:"#6b7280",marginBottom:4}}>💡 Gợi ý bữa tiếp theo:</div>}
    {items.map((x,i)=><div key={i} style={{fontSize:12.5,color:x.c,padding:"5px 9px",background:x.c+"18",borderRadius:8,marginBottom:4,borderLeft:"3px solid "+x.c}}>{x.t}</div>)}
  </div>;
}

/* ── Thanh trượt mục tiêu ── */
const GOAL_SLIDER_ORDER=["Mini cutting","Giảm mỡ","Tăng cơ + giảm mỡ","Giữ cân","Tăng cơ"];
const GOAL_SLIDER_META={
  "Mini cutting":       {emoji:"🔥",short:"Mini cut", color:"#ef4444"},
  "Giảm mỡ":           {emoji:"📉",short:"Giảm mỡ",  color:"#f97316"},
  "Tăng cơ + giảm mỡ":{emoji:"🔄",short:"Recomp",   color:"#3b82f6"},
  "Giữ cân":           {emoji:"⚖️",short:"Giữ cân",  color:"#22c55e"},
  "Tăng cơ":           {emoji:"💪",short:"Tăng cơ",  color:"#8b5cf6"},
};

function GoalSaveCard({selGoal, stGoal, saveGoal, savingCheckin, tg}){
  const current = selGoal||stGoal||"Giảm mỡ";
  const curIdx = Math.max(0, GOAL_SLIDER_ORDER.indexOf(current));
  const [sliderIdx, setSliderIdx] = useState(curIdx);
  useEffect(()=>{ setSliderIdx(Math.max(0, GOAL_SLIDER_ORDER.indexOf(current))); }, [current]);
  const localGoal = GOAL_SLIDER_ORDER[sliderIdx];
  const goalChanged = localGoal !== current;
  const m = GOAL_SLIDER_META[localGoal]||{};
  const baseTdee = tg ? tg.tdee : 0;
  const lbm = tg ? (tg.lbm||0) : 0;
  const pCalo = baseTdee>0 ? Math.round(baseTdee*(CALO_FACTOR[localGoal]??1)) : null;
  const pPro  = lbm>0 ? Math.round(lbm*(PRO_FACTOR[localGoal]??2)) : null;
  const pFat  = lbm>0 ? Math.round(lbm*(FAT_FACTOR[localGoal]??1)) : null;
  const pCarb = (pCalo&&pPro!=null&&pFat!=null) ? Math.max(0,Math.round((pCalo-pPro*4-pFat*9)/4)) : null;
  const trackGrad="linear-gradient(to right,#ef4444 0%,#f97316 25%,#3b82f6 50%,#22c55e 75%,#8b5cf6 100%)";
  
  const bmrVal = lbm > 0 ? (370 + 21.6 * lbm) : (tg && tg.bmr ? tg.bmr : 1200);
  const belowBmr = pCalo != null && pCalo < bmrVal;

  return (
    <div className="card" style={{padding:"16px",marginBottom:16,border:"2px solid #d4af37",borderRadius:14,background:"#0e1b3d"}}>
      <div style={{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:14,flexWrap:"wrap",gap:8}}>
        <div>
          <div style={{fontWeight:800,fontSize:14,color:"#d4af37"}}>🎯 Mục tiêu hôm nay</div>
          <div style={{fontSize:12,color:"#9aa6b6"}}>Kéo thanh hoặc bấm biểu tượng để chọn</div>
        </div>
        <span style={{fontSize:13,color:m.color,fontWeight:800,background:"#0a1325",padding:"5px 14px",borderRadius:20,border:"1px solid "+m.color,whiteSpace:"nowrap"}}>{m.emoji} {localGoal}</span>
      </div>
      <div style={{display:"flex",justifyContent:"space-between",marginBottom:4,padding:"0 4px"}}>
        {GOAL_SLIDER_ORDER.map((g,i)=>{
          const gm=GOAL_SLIDER_META[g]||{}; const active=sliderIdx===i;
          return (
            <div key={g} onClick={()=>setSliderIdx(i)} style={{flex:1,textAlign:"center",cursor:"pointer",transition:"all .18s",opacity:active?1:0.45}}>
              <div style={{fontSize:18,lineHeight:1.2}}>{gm.emoji}</div>
              <div style={{fontSize:9,fontWeight:700,color:active?gm.color:"#9aa6b6",marginTop:2,lineHeight:1.2}}>{gm.short}</div>
            </div>
          );
        })}
      </div>
      <div style={{position:"relative",height:28,display:"flex",alignItems:"center",margin:"4px 4px 14px"}}>
        <div style={{position:"absolute",left:0,right:0,height:8,borderRadius:4,background:trackGrad,pointerEvents:"none"}}/>
        <input type="range" min="0" max="4" step="1" value={sliderIdx} onChange={e=>setSliderIdx(+e.target.value)} style={{width:"100%",position:"relative",zIndex:1}}/>
      </div>

      {belowBmr && (
        <div style={{background:"#fee2e2",border:"1px solid #dc2626",borderRadius:8,padding:"8px 10px",fontSize:11.5,margin:"0 0 12px",color:"#b91c1c",fontWeight:700,lineHeight:1.45}}>
          ⚠️ Mục tiêu calo ({pCalo} kcal) đang thấp hơn mức chuyển hóa cơ bản BMR ({Math.round(bmrVal)} kcal). Hãy cân nhắc tăng vận động hoặc bước chân để có mức thâm hụt an toàn hơn!
        </div>
      )}

      {pCalo!=null&&(
        <div style={{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:6,marginBottom:12}}>
          {[["🔥","Calo",pCalo,"kcal","#f97316"],["🥩","Pro",pPro,"g","#ef4444"],["🍚","Carb",pCarb,"g","#3b82f6"],["🥑","Fat",pFat,"g","#f59e0b"]].map(([ico,lbl,val,u,c])=>(
            <div key={lbl} style={{background:"#0a1325",borderRadius:8,padding:"7px 4px",textAlign:"center",border:"1px solid #d4af37"}}>
              <div style={{fontSize:10,color:"#9aa6b6",marginBottom:1}}>{ico} {lbl}</div>
              <div style={{fontSize:17,fontWeight:800,color:c,lineHeight:1}}>{val??"—"}</div>
              <div style={{fontSize:9.5,color:"#9aa6b6"}}>{u}</div>
            </div>
          ))}
        </div>
      )}
      <button className="tabbtn" style={{width:"100%",background:(!goalChanged||savingCheckin)?"#1b2c5e":"#d4af37",color:(!goalChanged||savingCheckin)?"#94a3b8":"#0a1330",fontSize:14,padding:"10px 16px",border:"1px solid #d4af37",fontWeight:800,opacity:(!goalChanged&&!savingCheckin)?0.6:1,transition:"all .2s"}}
        onClick={()=>{if(goalChanged&&!savingCheckin) saveGoal(localGoal);}}
        disabled={!goalChanged||savingCheckin}>
        {savingCheckin?"⏳ Đang lưu...": goalChanged?"💾 LƯU MỤC TIÊU":"✅ Đây là mục tiêu hiện tại"}
      </button>
    </div>
  );
}


function GoalIcon({goal}){
  let p="";
  let c="#14224d";
  const g = (goal||"").toLowerCase();
  if(g.includes("tăng cơ") && g.includes("giảm mỡ")) { c="#d946ef"; p=<g><path d="M3 10l3-3 2 2 2-3m0 0v2m0-2h-2" stroke={c} strokeWidth="1.2" fill="none" strokeLinecap="round" strokeLinejoin="round"/><path d="M3 6l3 3 2-2 2 3m0 0v-2m0 2h-2" stroke={c} strokeWidth="1.2" fill="none" strokeLinecap="round" strokeLinejoin="round"/></g>; }
  else if(g.includes("tăng cơ")) { c="#2563eb"; p=<path d="M4 11l3-3 2 2 3-4m0 0v3m0-3h-3" stroke={c} strokeWidth="1.5" fill="none" strokeLinecap="round" strokeLinejoin="round"/>; }
  else if(g.includes("giảm mỡ")) { c="#ef4444"; p=<path d="M4 5l3 3 2-2 3 4m0 0v-3m0 3h-3" stroke={c} strokeWidth="1.5" fill="none" strokeLinecap="round" strokeLinejoin="round"/>; }
  else if(g.includes("cutting")) { c="#9333ea"; p=<path d="M8 3v8m-3-3l3 3 3-3M4 14h8" stroke={c} strokeWidth="1.5" fill="none" strokeLinecap="round" strokeLinejoin="round"/>; }
  else if(g.includes("giữ cân")) { c="#16a34a"; p=<path d="M4 8h8" stroke={c} strokeWidth="1.5" fill="none" strokeLinecap="round"/>; }
  else p=<circle cx="8" cy="8" r="3" fill={c}/>;
  return <svg width="16" height="16" viewBox="0 0 16 16" style={{display:"block", background:"#fff", borderRadius:"50%"}}>{p}</svg>;
}

function Dice5DotRow({dots, size, goal}){
  const s = size||15;
  const g = 12;
  return <div style={{display:"grid", gridTemplateColumns:`${s}px ${s}px`, gridTemplateRows:`${s}px ${s}px`, gap:g, position:"relative", margin:"0 auto", width: s*2+g, height: s*2+g}}>
    {dots.slice(0,4).map((d,i)=><div key={i} style={{display:"flex",alignItems:"center",justifyContent:"center"}}><MacroIcon i={i} color={STATUS_COLOR[d]||"#6b7280"} size={size}/></div>)}
    {goal && <div style={{position:"absolute", top:"50%", left:"50%", transform:"translate(-50%, -50%)", borderRadius:"50%", display:"flex", background:"#d4af37", padding:3}}>
      <GoalIcon goal={goal} />
    </div>}
  </div>;
}

function TargetDropdownOverlay({k, selDate, hasData, props}){
  const [open, setOpen] = useState(false);
  if(k !== selDate) return null;
  return <div style={{display:"flex", justifyContent:"center", marginTop:2}} onClick={e=>e.stopPropagation()}>
    <button onClick={()=>setOpen(o=>!o)} style={{background:"#14224d", color:"#fff", border:"none", borderRadius:"50%", width:20, height:20, cursor:"pointer", display:"flex", alignItems:"center", justifyContent:"center", padding:0, boxShadow:"0 2px 4px rgba(0,0,0,0.2)"}}>
      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
    </button>
    {open && <Modal onClose={(e)=>{e?.stopPropagation();setOpen(false);}}>
      <div style={{color:"#f8fafc", textAlign:"left"}}>
        <DailyTargetCard {...props} />
      </div>
    </Modal>}
  </div>;
}

/* Ô mẹ "Mục tiêu ngày": nhập bước chân thật (thay vì hardcode) + hiển thị mục tiêu tự tính, coach/admin sửa tay được nếu cần */
function DailyTargetCard({goal,onGoalChange,stepsInput,onStepsChange,onStepsBlur,tg,overridden,canEdit,onSaveOverride,onClearOverride,saving}){
  const [editing,setEditing]=useState(false);
  const [showSteps,setShowSteps]=useState(false);
  const [localGoal, setLocalGoal] = useState(goal);
  useEffect(()=>{ setLocalGoal(goal); }, [goal]);
  const [ov,setOv]=useState({calo:Math.round(tg.calo)||0,pro:tg.pro||0,carb:tg.carb||0,fat:tg.fat||0});
  useEffect(()=>{ if(!editing) setOv({calo:Math.round(tg.calo)||0,pro:tg.pro||0,carb:tg.carb||0,fat:tg.fat||0}); },[tg.calo,tg.pro,tg.carb,tg.fat,editing]);
  return <div style={{width:"100%"}}>
    {tg.belowBmr&&<div style={{background:"#fee2e2",border:"2px solid #dc2626",borderRadius:8,padding:"10px 12px",fontSize:13,margin:"0 0 10px",color:"#b91c1c",fontWeight:800,lineHeight:1.5}}>⚠️ Mục tiêu tính ra ({tg.rawCalo} kcal) đang thấp hơn BMR ({Math.round(tg.bmr)} kcal). Đã đặt tối thiểu = BMR để tránh nạp dưới mức chuyển hóa cơ bản. Nên tăng vận động / bước chân để nâng mục tiêu an toàn.</div>}
    
    {/* Vùng 1: Bước chân */}
    <div style={{border:"2px solid #d4af37", borderRadius:12, padding:10, marginBottom:14, background:"#fff"}}>
      <button onClick={()=>setShowSteps(s=>!s)} style={{width:"100%", padding:"12px", background:"linear-gradient(135deg, #1b2c5e, #14224d)", color:"#d4af37", border:"none", borderRadius:8, fontSize:15, fontWeight:800, cursor:"pointer", display:"flex", alignItems:"center", justifyContent:"space-between", boxShadow:"0 4px 6px rgba(0,0,0,0.1)"}}>
        <span>👟 Khai báo bước chân</span>
        <span>{stepsInput} bước {showSteps?"▲":"▼"}</span>
      </button>
      {showSteps && <div style={{marginTop:12, background:"#f5f8ff", border:"1px solid #cbd5e1", borderRadius:8, padding:"12px"}}>
        <div style={{fontSize:12, color:"#6b7280", marginBottom:6, fontWeight:600}}>Nhập số bước chân thực tế của bạn hôm nay:</div>
        <div style={{display:"flex", alignItems:"center", background:"#fff", border:"1px solid #c7d2fe", borderRadius:6, padding:"0 10px", boxShadow:"inset 0 1px 3px rgba(0,0,0,0.05)"}}>
          <input type="number" value={stepsInput} onChange={e=>onStepsChange(e.target.value)} onBlur={()=>onStepsBlur(stepsInput)} disabled={saving} style={{flex:1, width:"100%", border:"none", background:"transparent", padding:"10px 8px", fontSize:16, fontWeight:700, color:"#f8fafc", outline:"none"}} placeholder="Ví dụ: 8000" />
          <span style={{fontSize:14, color:"#14224d", fontWeight:700}}>bước</span>
        </div>
      </div>}
    </div>

    {/* Vùng 2: Mục tiêu & Dinh dưỡng */}
    <div style={{border:"2px solid #d4af37", borderRadius:12, padding:10, background:"#fff"}}>
      <div style={{display:"flex",flexWrap:"wrap",gap:10,alignItems:"center", marginBottom: (canEdit||saving) ? 12 : 0}}>
        <div style={{flex:"1 1 130px"}}>
          <div style={{fontSize:11,color:"#6b7280",marginBottom:4,fontWeight:700,textTransform:"uppercase"}}>Mục tiêu {overridden&&<span style={{color:"#14224d"}}>(Coach)</span>}</div>
          <div style={{display:"flex",gap:4,flexWrap:"wrap",marginBottom:6}}>
             {GOALS.map(o=><button key={o} onClick={()=>setLocalGoal(o)} style={{padding:"6px 8px",borderRadius:6,border:localGoal===o?"2px solid #d4af37":"1px solid #1b2c5e",background:localGoal===o?"#d4af37":"#1b2c5e",color:localGoal===o?"#0a1330":"#94a3b8",fontSize:12,fontWeight:700}}>{o}</button>)}
          </div>
          {localGoal !== goal && <button onClick={()=>onGoalChange(localGoal)} disabled={saving} style={{background:"#d4af37",color:"#0a1330",border:"none",borderRadius:6,padding:"6px 12px",fontSize:12,fontWeight:800,cursor:"pointer",width:"100%"}}>{saving?"⏳ Đang lưu...":"💾 LƯU MỤC TIÊU"}</button>}
        </div>
        <div style={{flex:"2 1 200px",display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:6}}>
          {[["🔥 Calo",Math.round(tg.calo||0),"kcal"],["🍗 Pro",tg.pro||0,"g"],["🍚 Carb",tg.carb||0,"g"],["🥑 Fat",tg.fat||0,"g"]].map(([l,v,u])=>
            <div key={l} style={{background:"#0a1325",borderRadius:8,padding:"6px 2px",textAlign:"center"}}>
              <div style={{fontSize:10,color:"#6b7280",whiteSpace:"nowrap"}}>{l}</div>
              <div style={{fontSize:13,fontWeight:800,color:"#14224d"}}>{v}</div>
            </div>
          )}
        </div>
      </div>
      
      {saving&&<div style={{fontSize:11,color:"#9aa6b6",marginBottom:6, borderTop: "1px solid #e2e8f0", paddingTop: 10}}>⏳ Đang lưu...</div>}
      {canEdit&&!editing&&<div style={{display:"flex",gap:8,flexWrap:"wrap", borderTop: "1px solid #e2e8f0", paddingTop: 10}}>
        <button onClick={()=>setEditing(true)} style={{fontSize:11.5,color:"#0a1330",background:"#d4af37",border:"none",borderRadius:6,padding:"5px 12px",cursor:"pointer",fontWeight:700}}>✏️ Coach chỉnh tay mục tiêu</button>
        {overridden&&<button onClick={onClearOverride} disabled={saving} style={{fontSize:11.5,color:"#dc2626",background:"none",border:"1px solid #fca5a5",borderRadius:6,padding:"4px 10px",cursor:"pointer"}}>↺ Dùng tự động</button>}
      </div>}
      {canEdit&&editing&&<div style={{marginTop:10,background:"#14224d",border:"1px solid #26356b",borderRadius:8,padding:10}}>
        <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(80px,1fr))",gap:6,marginBottom:8}}>
          <div><label style={{fontSize:10.5,color:"#cbd5e1"}}>Calo (tự tính)</label><div style={{padding:"5px 6px",fontSize:13,fontWeight:800,textAlign:"center",background:"#0d1838",border:"1px solid #26356b",borderRadius:7,color:"#d4af37"}}>{Math.round((+ov.pro||0)*4+(+ov.carb||0)*4+(+ov.fat||0)*9)}</div></div>
          {[["Protein","pro"],["Carb","carb"],["Fat","fat"]].map(([l,k])=>
            <div key={k}><label style={{fontSize:10.5,color:"#cbd5e1"}}>{l}</label><input type="number" min="0" value={ov[k]===""?"":ov[k]} onChange={e=>{const v=e.target.value;setOv(o=>{const n={...o,[k]:v===""?"":Math.max(0,+v||0)};n.calo=Math.round((+n.pro||0)*4+(+n.carb||0)*4+(+n.fat||0)*9);return n;});}} style={{padding:"4px 6px",fontSize:13,textAlign:"center",background:"#0d1838",color:"#f5f8ff",border:"1px solid #26356b",borderRadius:7}}/></div>
          )}
        </div>
        <div style={{display:"flex",gap:8}}>
          <button onClick={async()=>{await onSaveOverride(ov);setEditing(false);}} disabled={saving} style={{flex:1,background:"#d4af37",color:"#0a1330",border:"none",borderRadius:7,padding:"7px",fontSize:12.5,fontWeight:800,cursor:"pointer"}}>{saving?"⏳ Đang lưu...":"✓ Lưu mục tiêu"}</button>
          <button onClick={()=>setEditing(false)} style={{background:"#cbd5e1",color:"#f8fafc",border:"none",borderRadius:7,padding:"7px 14px",fontSize:12.5,cursor:"pointer"}}>Hủy</button>
        </div>
      </div>}
    </div>
  </div>;
}

/* Ô "Check in với AI" — độc lập, chỉ 2 mode con: ảnh / mô tả. tg (mục tiêu ngày) do ViewAnUong tính & truyền vào (gồm bước chân thật + override coach nếu có) */
function AiMealCheckIn({email,date,goal,tg,onAdd,existingMeals}){
  const uploadRef=useRef(null);
  const cameraRef=useRef(null);
  const [images,setImages]=useState([]);
  const [textDesc,setTextDesc]=useState("");
  const [loading,setLoading]=useState(false);
  const [err,setErr]=useState("");
  const [result,setResult]=useState(null);
  const [macro,setMacro]=useState({pro:0,carb:0,fat:0,calo:0});
  const [mealName,setMealName]=useState("Bữa "+((existingMeals||[]).length+1));
  const [savedResult,setSavedResult]=useState(null);
  const [fixOpen,setFixOpen]=useState(false); // {macro, aiResult, accAfter} after save

  const acc=useMemo(()=>{
    const m=existingMeals||[];
    return {pro:m.reduce((s,x)=>s+(x.pro||0),0),carb:m.reduce((s,x)=>s+(x.carb||0),0),fat:m.reduce((s,x)=>s+(x.fat||0),0)};
  },[existingMeals]);
  const accAfter={pro:acc.pro+(+macro.pro||0),carb:acc.carb+(+macro.carb||0),fat:acc.fat+(+macro.fat||0)};
  const canSave=(+macro.pro||0)+(+macro.carb||0)+(+macro.fat||0)>0;

  const resetForm=()=>{setImages([]);setTextDesc("");setResult(null);setMacro({pro:0,carb:0,fat:0,calo:0});setErr("");};

  // ─── AI helpers ───
  const addFiles=files=>{
    const imgs=Array.from(files).filter(f=>!f.type || f.type.startsWith("image/"));
    if(!imgs.length) return setErr("Chỉ chấp nhận file ảnh");
    setErr(""); setResult(null); setMacro({pro:0,carb:0,fat:0,calo:0});
    const readOne=file=>new Promise(resolve=>{
      resizeImageFile(file).catch(()=>file).then(blob=>{
        const reader=new FileReader();
        reader.onload=e=>{
          const d=e.target.result;
          resolve({url:d,base64:d.split(",")[1],mime:file.type||"image/jpeg"});
        };
        reader.readAsDataURL(blob);
      });
    });
    Promise.all(imgs.map(readOne)).then(newImgs=>setImages(prev=>[...prev,...newImgs]));
  };
  const removeImg=idx=>setImages(prev=>prev.filter((_,i)=>i!==idx));

  const runAI_combined=async()=>{
    if(!images.length && !textDesc.trim()) return setErr("Hãy cung cấp ảnh hoặc mô tả bữa ăn");
    setLoading(true); setErr(""); setResult(null);
    console.log("[AI LOG] Gửi yêu cầu phân tích ăn uống...", { imagesCount: images.length, textDesc });
    const timer = setTimeout(() => {
      setErr("⚠️ Hệ thống đang phản hồi lâu hơn dự kiến... Vui lòng kiên nhẫn chờ hoặc kiểm tra Network/Console.");
    }, 15000);
    try{
      const r=await analyzeFood(images.map(({base64,mime})=>({base64,mime})),textDesc,tg,acc);
      clearTimeout(timer);
      console.log("[AI LOG] Đã nhận phản hồi từ AI:", r);
      if(!r) throw new Error("Máy chủ không trả về dữ liệu.");
      const m={pro:r.macros?.pro||0,carb:r.macros?.carb||0,fat:r.macros?.fat||0,calo:Math.round((r.macros?.pro||0)*4+(r.macros?.carb||0)*4+(r.macros?.fat||0)*9)};
      setMacro(m); setResult(r);
      const fn1=(r&&Array.isArray(r.foods)&&r.foods.length)?r.foods.map(String).join(", ").slice(0,80):"";
      if(fn1) setMealName(fn1);
      setErr("");
    }catch(e){
      clearTimeout(timer);
      console.error("[AI LOG] Lỗi phân tích ăn uống:", e);
      setErr(e.message);
    }
    setLoading(false);
  };

  // ─── Save meal to server ───
  const save=async()=>{
    try{
      await onAdd({
        meal_name:mealName,
        foods:result?.foods||[],
        pro:+macro.pro||0,carb:+macro.carb||0,fat:+macro.fat||0,calo:+macro.calo||0,
        ai_note:result?.nhanXet||"",
        type:"ai_combined",
      });
      setSavedResult({macro:{...macro},aiResult:result,accAfter});
      resetForm();
      setMealName("Bữa "+((existingMeals||[]).length+2));
    }catch(e){setErr("Lỗi lưu: "+e.message);}
  };

  const renderResultCard=()=><div>
    <div className="card" style={{padding:12,marginBottom:10,borderColor:"#c7d2fe"}}>
      <div style={{fontSize:13,fontWeight:700,marginBottom:8}}>🍽️ {(result.foods||[]).join("  ·  ")||"(chưa nhận ra món)"}</div>
      <div style={{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:6,marginBottom:10}}>
        {[["🍗","Pro",(+macro.pro)+"g","#dc2626"],["🍚","Carb",(+macro.carb)+"g","#d97706"],["🥑","Fat",(+macro.fat)+"g","#16a34a"],["🔥","Calo",(+macro.calo)+"kcal","#14224d"]].map(([ic,l,v,c])=>
          <div key={l} style={{textAlign:"center",background:"#0a1325",borderRadius:9,padding:"7px 4px"}}>
            <div style={{fontSize:14}}>{ic}</div>
            <div style={{fontWeight:800,color:c,fontSize:15}}>{v}</div>
            <div style={{fontSize:10,color:"#6b7280"}}>{l}</div>
          </div>
        )}
      </div>
      {result.nhanXet&&<div style={{fontSize:13,color:"#f8fafc",marginBottom:8,padding:"7px 10px",background:"#0a1325",borderRadius:8,lineHeight:1.55}}>💬 {result.nhanXet}</div>}
      {(result.canhBao||[]).length>0&&<div style={{marginBottom:8}}>{result.canhBao.map((w,i)=><div key={i} style={{fontSize:12.5,color:"#d97706",padding:"5px 9px",background:"#fff7ed",borderRadius:8,marginBottom:4,borderLeft:"3px solid #d97706"}}>⚠️ {w}</div>)}</div>}
      <div style={{borderTop:"1px solid #e6ebf2",paddingTop:8,marginTop:4}}>
        <div style={{fontSize:12,color:"#6b7280",marginBottom:6}}>📊 Tổng sau bữa này vs mục tiêu:</div>
        <div style={{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,marginBottom:8}}>
          {[["🍗 Pro",accAfter.pro,tg.pro,"#dc2626"],["🍚 Carb",accAfter.carb,tg.carb,"#d97706"],["🥑 Fat",accAfter.fat,tg.fat,"#16a34a"]].map(([l,a,t,c])=>{
            const pct=t?Math.min(Math.round(a/t*100),200):0; const over=a>t*1.1;
            return <div key={l} style={{background:"#0a1325",borderRadius:8,padding:"6px 4px",textAlign:"center"}}>
              <div style={{fontSize:10,color:"#6b7280",marginBottom:3}}>{l}</div>
              <div style={{height:5,background:"#cbd5e1",borderRadius:5,overflow:"hidden",marginBottom:4}}>
                <div style={{width:Math.min(pct,100)+"%",height:"100%",background:over?"#dc2626":pct>=85?"#16a34a":"#d97706",transition:"width .4s"}}></div>
              </div>
              <div style={{fontSize:12,fontWeight:700,color:over?"#dc2626":pct>=85?"#16a34a":"#d97706"}}>{Math.round(a)}g</div>
              <div style={{fontSize:10,color:"#9aa6b6"}}>/ {Math.round(t)}g</div>
            </div>;
          })}
        </div>
        <MacroAdvice tg={tg} acc={accAfter} nextMeal={true}/>
      </div>
      <div style={{marginTop:8}}><div onClick={()=>setFixOpen(o=>!o)} style={{fontSize:12,color:"#9aa6b6",cursor:"pointer",userSelect:"none"}}>{fixOpen?"▾ ":"▸ "}✏️ Chỉnh macro nếu AI tính sai</div>{fixOpen?<React.Fragment>
        <div style={{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:6,marginTop:8}}>
          {[["Pro(g)","pro"],["Carb(g)","carb"],["Fat(g)","fat"]].map(([l,k])=>
            <div key={k}><label style={{fontSize:11}}>{l}</label>
                  <input type="number" min="0" value={macro[k]===""?"":(macro[k]!=null?macro[k]:0)} style={{textAlign:"center",padding:"4px 6px",fontSize:13,background:"#0d1838",color:"#f5f8ff",border:"1px solid #26356b",borderRadius:7}} onChange={e=>{const v=e.target.value;setMacro(m=>{const n={...m,[k]:v===""?"":Math.max(0,+v||0)};n.calo=Math.round((+n.pro||0)*4+(+n.carb||0)*4+(+n.fat||0)*9);return n;});}}/>
            </div>
          )}
          <div><label style={{fontSize:11}}>Calo (tự tính)</label>
            <div style={{textAlign:"center",padding:"5px 6px",fontSize:14,fontWeight:800,background:"#14224d",border:"1px solid #26356b",borderRadius:8,color:"#d4af37"}}>{Math.round((+macro.pro||0)*4+(+macro.carb||0)*4+(+macro.fat||0)*9)}</div>
          </div>
        </div>
      </React.Fragment>:null}</div>
    </div>
    <div style={{marginBottom:8}}><label style={{fontSize:12}}>Tên bữa</label><input value={mealName} onChange={e=>setMealName(e.target.value)} style={{padding:"6px 10px",fontSize:13}}/></div>
    <button className="tabbtn" style={{width:"100%",background:"#16a34a",color:"#f4f6f8",fontSize:14,padding:"10px",marginBottom:6}} onClick={save} disabled={!canSave}>
      ✓ Lưu &amp; cộng dồn macro
    </button>
    <button onClick={resetForm} style={{width:"100%",fontSize:12.5,color:"#6b7280",background:"none",border:"none",cursor:"pointer",padding:"4px"}}>
      ↺ Nhập bữa khác
    </button>
  </div>;

  return <div>
    {/* Kết quả sau khi lưu */}
    {savedResult&&<div>
      <div style={{background:"#f0fdf4",border:"1px solid #bbf7d0",borderRadius:10,padding:"12px 14px",marginBottom:12}}>
        <div style={{fontWeight:700,color:"#16a34a",fontSize:14,marginBottom:10}}>✅ Đã lưu bữa ăn thành công!</div>
        <div style={{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:6,marginBottom:10}}>
          {[["🍗","Pro",(+savedResult.macro.pro)+"g","#dc2626"],["🍚","Carb",(+savedResult.macro.carb)+"g","#d97706"],["🥑","Fat",(+savedResult.macro.fat)+"g","#16a34a"],["🔥","Calo",(+savedResult.macro.calo)+"kcal","#14224d"]].map(([ic,l,v,c])=>
            <div key={l} style={{textAlign:"center",background:"#fff",borderRadius:9,padding:"7px 4px"}}>
              <div style={{fontSize:14}}>{ic}</div>
              <div style={{fontWeight:800,color:c,fontSize:14}}>{v}</div>
              <div style={{fontSize:10,color:"#6b7280"}}>{l}</div>
            </div>
          )}
        </div>
        {savedResult.aiResult?.nhanXet&&<div style={{fontSize:13,color:"#f8fafc",marginBottom:8,padding:"7px 10px",background:"#fff",borderRadius:8,lineHeight:1.55}}>💬 {savedResult.aiResult.nhanXet}</div>}
        <div style={{fontSize:12,color:"#6b7280",marginBottom:6,fontWeight:600}}>💡 Lời khuyên cho bữa tiếp theo:</div>
        <MacroAdvice tg={tg} acc={savedResult.accAfter} nextMeal={true}/>
      </div>
      <button className="tabbtn" style={{width:"100%",background:"#14224d",color:"#f4f6f8",fontSize:14,padding:"10px"}} onClick={()=>setSavedResult(null)}>
        🍽️ Thêm bữa khác
      </button>
    </div>}

    {/* Form nhập — ẩn khi đang hiện savedResult */}
    {!savedResult&&<div onDragOver={e=>e.preventDefault()} onDrop={e=>{e.preventDefault(); if(e.dataTransfer.files&&e.dataTransfer.files.length) addFiles(e.dataTransfer.files);}}>
      <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8,marginBottom:10}}>
        <button className="tabbtn" style={{background:"#0a1325",color:"#f8fafc",border:"1.5px solid #c7d2fe",fontSize:13,padding:"10px 6px",display:"flex",alignItems:"center",justifyContent:"center",gap:6}} onClick={()=>uploadRef.current?.click()}>
          🖼️ Chọn ảnh
        </button>
        <button className="tabbtn" style={{background:"#0a1325",color:"#f8fafc",border:"1.5px solid #c7d2fe",fontSize:13,padding:"10px 6px",display:"flex",alignItems:"center",justifyContent:"center",gap:6}} onClick={()=>cameraRef.current?.click()}>
          📷 Chụp ảnh
        </button>
      </div>
      <input ref={uploadRef} type="file" accept="image/*" multiple style={{display:"none"}} onChange={e=>addFiles(e.target.files)}/>
      <input ref={cameraRef} type="file" accept="image/*" capture="environment" style={{display:"none"}} onChange={e=>addFiles(e.target.files)}/>
      
      {images.length>0&&<div style={{display:"flex",flexWrap:"wrap",gap:6,marginBottom:10}}>
        {images.map((img,i)=><div key={i} style={{position:"relative",width:72,height:72,borderRadius:8,overflow:"hidden",border:"2px solid #c7d2fe"}}>
          <img src={img.url} style={{width:"100%",height:"100%",objectFit:"cover"}} alt={"img"+i}/>
          <button onClick={()=>removeImg(i)} style={{position:"absolute",top:2,right:2,background:"#00000088",color:"#fff",border:"none",borderRadius:99,width:18,height:18,fontSize:11,cursor:"pointer",lineHeight:"18px",padding:0}}>✕</button>
        </div>)}
        <div onClick={()=>uploadRef.current?.click()} style={{width:72,height:72,borderRadius:8,border:"2px dashed #c7d2fe",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"#9aa6b6",fontSize:22}}>+</div>
      </div>}
      
      <label style={{fontSize:12,marginBottom:4,display:"block",color:"#f8fafc",fontWeight:600}}>Ghi chú cho AI (Tùy chọn):</label>
      <textarea value={textDesc} onChange={e=>setTextDesc(e.target.value)} rows={2} placeholder="Ví dụ: Tôi chỉ ăn 1/2 đĩa cơm, không ăn lòng đỏ trứng..."
        style={{marginBottom:10,resize:"vertical",fontSize:14,padding:"8px 10px"}}/>
      
      {loading&&<div style={{textAlign:"center",color:"#14224d",fontSize:13,padding:"10px",marginBottom:10}}>⏳ AI đang tính toán bữa ăn...</div>}
      
      {!result&&<button className="tabbtn" style={{width:"100%",background:(images.length||textDesc.trim())&&!loading?"#14224d":"#9aa6b6",color:"#f4f6f8",fontSize:14,padding:"10px",marginBottom:10}} onClick={runAI_combined} disabled={loading||(!images.length&&!textDesc.trim())}>
        🤖 Phân tích với AI
      </button>}
      
      {err&&<div style={{color:"#dc2626",fontSize:12.5,margin:"8px 0",padding:"6px 10px",background:"#fef2f2",borderRadius:8}}>⚠️ {err}</div>}
      {result&&renderResultCard()}
    </div>}
  </div>;
}

/* Ô "Check in thủ công" — độc lập hoàn toàn với ô AI, vẫn lưu chung vào "Chi tiết từng bữa" qua onAdd */
function ManualMealCheckIn({email,date,goal,tg,onAdd,existingMeals}){
  const [macro,setMacro]=useState({pro:0,carb:0,fat:0,calo:0});
  const [mealName,setMealName]=useState("Bữa "+((existingMeals||[]).length+1));
  const [savedResult,setSavedResult]=useState(null); // {macro, accAfter} sau khi lưu
  const [err,setErr]=useState("");

  const acc=useMemo(()=>{
    const m=existingMeals||[];
    return {pro:m.reduce((s,x)=>s+(x.pro||0),0),carb:m.reduce((s,x)=>s+(x.carb||0),0),fat:m.reduce((s,x)=>s+(x.fat||0),0)};
  },[existingMeals]);
  const accAfter={pro:acc.pro+(+macro.pro||0),carb:acc.carb+(+macro.carb||0),fat:acc.fat+(+macro.fat||0)};
  const canSave=(+macro.pro||0)+(+macro.carb||0)+(+macro.fat||0)>0;

  const resetForm=()=>{setMacro({pro:0,carb:0,fat:0,calo:0});setErr("");};

  const save=async()=>{
    try{
      const snapMacro={...macro};
      await onAdd({
        meal_name:mealName, foods:[],
        pro:+macro.pro||0,carb:+macro.carb||0,fat:+macro.fat||0,calo:+macro.calo||0,
        ai_note:"", type:"manual",
      });
      setSavedResult({macro:snapMacro,accAfter});
      resetForm();
      setMealName("Bữa "+((existingMeals||[]).length+2));
    }catch(e){setErr("Lỗi lưu: "+e.message);}
  };

  return <div>
    {savedResult&&<div>
      <div style={{background:"#f0fdf4",border:"1px solid #bbf7d0",borderRadius:10,padding:"12px 14px",marginBottom:12}}>
        <div style={{fontWeight:700,color:"#16a34a",fontSize:14,marginBottom:10}}>✅ Đã lưu bữa ăn thành công!</div>
        <div style={{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:6,marginBottom:10}}>
          {[["🍗","Pro",(+savedResult.macro.pro)+"g","#dc2626"],["🍚","Carb",(+savedResult.macro.carb)+"g","#d97706"],["🥑","Fat",(+savedResult.macro.fat)+"g","#16a34a"],["🔥","Calo",(+savedResult.macro.calo)+"kcal","#14224d"]].map(([ic,l,v,c])=>
            <div key={l} style={{textAlign:"center",background:"#fff",borderRadius:9,padding:"7px 4px"}}>
              <div style={{fontSize:14}}>{ic}</div>
              <div style={{fontWeight:800,color:c,fontSize:14}}>{v}</div>
              <div style={{fontSize:10,color:"#6b7280"}}>{l}</div>
            </div>
          )}
        </div>
        <div style={{fontSize:12,color:"#6b7280",marginBottom:6,fontWeight:600}}>💡 Lời khuyên cho bữa tiếp theo:</div>
        <MacroAdvice tg={tg} acc={savedResult.accAfter} nextMeal={true}/>
      </div>
      <button className="tabbtn" style={{width:"100%",background:"#14224d",color:"#f4f6f8",fontSize:14,padding:"10px"}} onClick={()=>setSavedResult(null)}>
        🍽️ Thêm bữa khác
      </button>
    </div>}

    {!savedResult&&<div>
      <div style={{fontSize:12.5,color:"#6b7280",marginBottom:10}}>Nhập trực tiếp macro bữa ăn:</div>
      <div style={{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:6,marginBottom:12}}>
        {[["🍗 Protein (g)","pro"],["🍚 Carb (g)","carb"],["🥑 Fat (g)","fat"],["🔥 Calo (tự tính)","calo"]].map(([l,k])=>
          <div key={k}><label style={{fontSize:11}}>{l}</label>
            {k==="calo"?<div style={{textAlign:"center",padding:"7px 6px",fontSize:14,fontWeight:800,color:"#b45309",background:"#0a1325",borderRadius:7,border:"1px solid #e2e8f0"}}>{Math.round((+macro.pro||0)*4+(+macro.carb||0)*4+(+macro.fat||0)*9)}</div>:<input type="number" min="0" inputMode="numeric" value={macro[k]===""?"":(macro[k]||"")} placeholder="0" style={{textAlign:"center",padding:"6px",fontSize:14}} onChange={e=>{const v=e.target.value;setMacro(m=>{const nm={...m,[k]:v===""?"":Math.max(0,+v||0)};nm.calo=Math.round((+nm.pro||0)*4+(+nm.carb||0)*4+(+nm.fat||0)*9);return nm;});}}/>}
          </div>
        )}
      </div>
      {canSave&&<div style={{marginBottom:10}}>
        <div style={{fontSize:12,color:"#6b7280",marginBottom:6}}>📊 Tổng sau bữa này vs mục tiêu:</div>
        <div style={{display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,marginBottom:6}}>
          {[["🍗 Pro",accAfter.pro,tg.pro,"#dc2626"],["🍚 Carb",accAfter.carb,tg.carb,"#d97706"],["🥑 Fat",accAfter.fat,tg.fat,"#16a34a"]].map(([l,a,t,c])=>{
            const pct=t?Math.min(Math.round(a/t*100),200):0; const over=a>t*1.1;
            return <div key={l} style={{background:"#0a1325",borderRadius:8,padding:"6px 4px",textAlign:"center"}}>
              <div style={{fontSize:10,color:"#6b7280",marginBottom:3}}>{l}</div>
              <div style={{height:5,background:"#cbd5e1",borderRadius:5,overflow:"hidden",marginBottom:4}}>
                <div style={{width:Math.min(pct,100)+"%",height:"100%",background:over?"#dc2626":pct>=85?"#16a34a":"#d97706",transition:"width .4s"}}></div>
              </div>
              <div style={{fontSize:12,fontWeight:700,color:over?"#dc2626":pct>=85?"#16a34a":"#d97706"}}>{Math.round(a)}g / {Math.round(t)}g</div>
            </div>;
          })}
        </div>
        <MacroAdvice tg={tg} acc={accAfter} nextMeal={true}/>
      </div>}
      <div style={{marginBottom:8}}><label style={{fontSize:12}}>Tên bữa</label><input value={mealName} onChange={e=>setMealName(e.target.value)} style={{padding:"6px 10px",fontSize:13}}/></div>
      <button className="tabbtn" style={{width:"100%",background:"#16a34a",color:"#f4f6f8",fontSize:14,padding:"10px"}} onClick={save} disabled={!canSave}>
        ✓ Lưu bữa ăn
      </button>
      {err&&<div style={{color:"#dc2626",fontSize:12.5,margin:"8px 0",padding:"6px 10px",background:"#fef2f2",borderRadius:8}}>⚠️ {err}</div>}
    </div>}
  </div>;
}

function MacroGlyph({t,c,s=13}){const P={pro:"M15.5 2a6.5 6.5 0 0 0-6.36 7.75L4.2 14.7a3 3 0 1 0 2.05 2.05 3 3 0 1 0 2.05 2.05l4.95-4.95A6.5 6.5 0 1 0 15.5 2z",fat:"M12 2C12 2 5.5 9.5 5.5 14a6.5 6.5 0 0 0 13 0C18.5 9.5 12 2 12 2z",carb:"M2.5 11h19a9.5 6.5 0 0 1-19 0zM5 10a7 3.5 0 0 1 14 0z"};return <svg width={s} height={s} viewBox="0 0 24 24" style={{display:"inline-block",verticalAlign:"-2px",flex:"0 0 auto"}}><path fill={c} d={P[t]||P.pro}/></svg>;}
function MealEditModal({m,onClose,onSave}){const [f,setF]=useState({name:m.meal_name||m.name||"Bữa ăn",calo:m.calo||0,pro:m.pro||0,carb:m.carb||0,fat:m.fat||0});const [sv,setSv]=useState(false);const set=(k,v)=>setF(o=>({...o,[k]:v}));return <div style={{position:"fixed",inset:0,background:"rgba(0,0,0,.55)",zIndex:9999,display:"flex",alignItems:"center",justifyContent:"center",padding:16}} onClick={onClose}><div className="card" style={{maxWidth:360,width:"100%",padding:16}} onClick={e=>e.stopPropagation()}><div style={{fontWeight:700,marginBottom:10}}>✏️ Sửa bữa ăn</div><label>Tên bữa</label><input value={f.name} onChange={e=>set("name",e.target.value)} style={{width:"100%",marginBottom:8}}/><div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8}}><div><label>Calo (tự tính)</label><div style={{textAlign:"center",padding:"7px 6px",fontWeight:800,background:"#14224d",border:"1px solid #26356b",borderRadius:8,color:"#d4af37"}}>{Math.round((+f.pro||0)*4+(+f.carb||0)*4+(+f.fat||0)*9)}</div></div><div><label>Protein (g)</label><input type="number" value={f.pro} onChange={e=>set("pro",e.target.value)}/></div><div><label>Carb (g)</label><input type="number" value={f.carb} onChange={e=>set("carb",e.target.value)}/></div><div><label>Fat (g)</label><input type="number" value={f.fat} onChange={e=>set("fat",e.target.value)}/></div></div><div style={{display:"flex",gap:8,marginTop:12}}><button disabled={sv} onClick={async()=>{setSv(true);try{await onSave({...f,calo:Math.round((+f.pro||0)*4+(+f.carb||0)*4+(+f.fat||0)*9)})}catch(e){alert("Lỗi: "+e.message)}setSv(false)}} style={{flex:1,padding:"9px 0",borderRadius:9,border:"none",background:"#d4af37",fontWeight:700,cursor:"pointer"}}>{sv?"Đang lưu...":"💾 Lưu"}</button><button onClick={onClose} style={{flex:1,padding:"9px 0",borderRadius:9,border:"1px solid #9aa6b6",background:"none",cursor:"pointer"}}>Hủy</button></div></div></div>;}
function MealSuggestAI({remaining,onApply}){const [txt,setTxt]=useState("");const [busy,setBusy]=useState(false);const [out,setOut]=useState(null);const [err,setErr]=useState("");const [warn,setWarn]=useState("");const [applied,setApplied]=useState({});const [showLock,setShowLock]=useState(false);const aiLk=(window.ctgUserRoleType==="khach_thu"||window.ctgMemberTier==="hlv_thu")&&window.ctgAiUnlocked!==true;const go=async()=>{if(aiLk){setShowLock(true);return;}setBusy(true);setErr("");setOut(null);setWarn("");setApplied({});try{const systemPrompt = " (LƯU Ý BẮT BUỘC: Ưu tiên TUYỆT ĐỐI đáp ứng đủ Đạm (Protein) và Calo. Các món ăn BẮT BUỘC phải đúng theo sở thích tôi đã nhập. Tôi CHẤP NHẬN việc thừa Fat và thiếu Carb để đổi lấy việc đủ Đạm, đủ Calo và đúng món yêu thích. HÃY BỎ QUA các cảnh báo về việc thừa Fat hay thiếu Carb.)"; const finalPrefs = txt + systemPrompt; const r=await apiFetch("suggest-meal",{method:"POST",timeoutMs:0,body:JSON.stringify({prefs:finalPrefs,remaining})});setOut(r&&r.suggestions?r.suggestions:[]);setWarn(r&&r.warning?String(r.warning):"")}catch(e){const m=String(e&&e.message||"");setErr(/403|forbidden|quyền|rest_forbidden/i.test(m)?"🔒 Tính năng dành cho tài khoản chính thức":"Lỗi: "+m)}setBusy(false)};return <div style={{marginTop:12,paddingTop:12,borderTop:"1px dashed rgba(232,185,49,.4)"}}>{showLock&&<Modal onClose={()=>setShowLock(false)}><ContactUnlock/></Modal>}<div style={{fontWeight:700,fontSize:13,marginBottom:4}}>🍳 AI gợi ý món ăn</div><div style={{fontSize:11.5,color:"#9aa6b6",marginBottom:6}}>Còn thiếu hôm nay: 🔥{Math.max(0,Math.round(remaining.calo))}kcal · <span style={{color:"#ef4444"}}>🍗{Math.max(0,Math.round(remaining.pro))}g</span> · <span style={{color:"#22c55e"}}>🍚{Math.max(0,Math.round(remaining.carb))}g</span> · <span style={{color:"#d4af37"}}>🥑{Math.max(0,Math.round(remaining.fat))}g</span></div><textarea value={txt} onChange={e=>setTxt(e.target.value)} placeholder="Nhập món ưa thích hoặc nguyên liệu đang có (VD: ức gà, trứng, thích cơm tấm...)" style={{width:"100%",minHeight:54,fontSize:13,marginBottom:8}}/><button disabled={aiLk?false:(busy||!txt.trim())} onClick={aiLk?()=>setShowLock(true):go} style={{width:"100%",padding:"10px 0",borderRadius:10,border:"none",cursor:"pointer",fontWeight:800,background:"linear-gradient(135deg,#d4af37,#f7d774)",color:"#0d1838",opacity:aiLk?.55:(busy||!txt.trim()?.6:1)}}>{busy?"⏳ Đang nghĩ món...":"🍳 Gợi ý món ăn vừa macro còn lại"}</button>{err?<div style={{color:"#f87171",fontSize:12,marginTop:6}}>{err}</div>:null}{warn?<div style={{marginTop:8,padding:"8px 10px",borderRadius:8,border:"1px solid #d4af37",background:"rgba(232,185,49,.14)",fontSize:12}}>⚠️ {warn}</div>:null}{out?<div style={{marginTop:8}}>{out.length?out.map((s,i)=><div key={i} className="card" style={{padding:"8px 10px",marginBottom:6,borderLeft:"3px solid #d4af37"}}><div style={{fontWeight:700,fontSize:13}}>{s.name}</div>{s.portion?<div style={{fontSize:11.5,color:"#9aa6b6"}}>{s.portion}</div>:null}{s.recipe?<div style={{fontSize:11.5,marginTop:3}}>👨‍🍳 {s.recipe}</div>:null}<div style={{display:"flex",gap:8,flexWrap:"wrap",fontSize:11.5,marginTop:3}}><span>🔥{Math.round((s.pro||0)*4+(s.carb||0)*4+(s.fat||0)*9)}kcal</span><span style={{color:"#ef4444"}}>🍗{Math.round(s.pro||0)}g</span><span style={{color:"#22c55e"}}>🍚{Math.round(s.carb||0)}g</span><span style={{color:"#d4af37"}}>🥑{Math.round(s.fat||0)}g</span></div>{onApply?<button disabled={!!applied[i]} onClick={async()=>{try{await onApply({meal_name:s.name,name:s.name,calo:Math.round((s.pro||0)*4+(s.carb||0)*4+(s.fat||0)*9),pro:Math.round(s.pro||0),carb:Math.round(s.carb||0),fat:Math.round(s.fat||0),ai_note:((s.portion?s.portion+" — ":"")+(s.recipe||s.note||"")).slice(0,300)});setApplied(o=>({...o,[i]:1}))}catch(e){alert("Lỗi: "+e.message)}}} style={{width:"100%",marginTop:6,padding:"7px 0",borderRadius:8,border:"none",cursor:"pointer",fontWeight:700,background:applied[i]?"#16a34a":"linear-gradient(135deg,#d4af37,#f7d774)",color:applied[i]?"#fff":"#0d1838"}}>{applied[i]?"✅ Đã cộng vào macro hôm nay":"➕ Áp dụng gợi ý — lưu bữa & cộng dồn macro"}</button>:null}{s.note?<div style={{fontSize:11,fontStyle:"italic",marginTop:3}}>💬 {s.note}</div>:null}</div>):<div style={{fontSize:12}}>Không có gợi ý phù hợp.</div>}</div>:null}</div>;}
function DailyMealLog({meals,tg,onDelete,onEdit,report,onApply}){const [exp,setExp]=useState(null);
  if(!meals||!meals.length) return null;
  const tot={
    pro:meals.reduce((s,m)=>s+(m.pro||0),0),
    carb:meals.reduce((s,m)=>s+(m.carb||0),0),
    fat:meals.reduce((s,m)=>s+(m.fat||0),0),
    calo:meals.reduce((s,m)=>s+(m.calo||0),0)
  };
  return <div style={{marginBottom:16, border:"2px solid #cbd5e1", borderRadius:16, padding:"16px", background:"#f8fafc", boxShadow:"0 4px 12px rgba(0,0,0,0.03)"}}>
    <div style={{display:"flex",alignItems:"center",gap:8,margin:"2px 0 12px"}}><span style={{fontSize:13.5,fontWeight:800}}>🍽️ Chi tiết từng bữa</span><span style={{flex:1,height:1,background:"rgba(232,185,49,.35)"}}></span></div>
    {(()=>{const sm=meals.find(function(x){return x.id===exp});return <div><div style={{fontSize:10.5,marginBottom:6}}><span style={{color:"#ef4444",fontWeight:700,display:"inline-flex",alignItems:"center",gap:3}}><MacroGlyph t="pro" c="#ef4444" s={11}/>Protein</span>  <span style={{color:"#22c55e",fontWeight:700,display:"inline-flex",alignItems:"center",gap:3}}><MacroGlyph t="carb" c="#22c55e" s={11}/>Carb</span>  <span style={{color:"#d4af37",fontWeight:700,display:"inline-flex",alignItems:"center",gap:3}}><MacroGlyph t="fat" c="#d4af37" s={11}/>Fat</span> <span style={{opacity:.75}}>— vòng tròn = tỷ lệ calo từng chất</span></div><div style={{display:"flex",flexWrap:"wrap",gap:8}}>{meals.map(m=>{const isX=exp===m.id;const cp=(m.pro||0)*4,cc=(m.carb||0)*4,cf=(m.fat||0)*9;const ct=cp+cc+cf;const p1=ct?cp/ct*100:0;const p2=ct?p1+cc/ct*100:0;const ring=ct?("conic-gradient(#ef4444 0% "+p1.toFixed(1)+"%,#22c55e "+p1.toFixed(1)+"% "+p2.toFixed(1)+"%,#d4af37 "+p2.toFixed(1)+"% 100%)"):"conic-gradient(#334568 0% 100%)";return <div key={m.id} className="card" onClick={()=>setExp(isX?null:m.id)} style={{width:118,padding:"10px 8px",cursor:"pointer",textAlign:"center",flex:"0 0 auto",marginBottom:0,borderColor:isX?"#d4af37":undefined}}><div style={{width:64,height:64,borderRadius:"50%",margin:"0 auto 6px",background:ring,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 2px 8px rgba(0,0,0,.35)"}}><div style={{width:46,height:46,borderRadius:"50%",background:"var(--ctg-navy2,#14224d)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",lineHeight:1.1}}><b style={{fontSize:13}}>{Math.round(m.calo||0)}</b><span style={{fontSize:8,opacity:.8}}>kcal</span></div></div><div style={{fontSize:11,fontWeight:600,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}>{m.meal_name||m.name||"Bữa ăn"}</div><div style={{marginTop:6,textAlign:"left",fontSize:9.5,lineHeight:1.55}}><div style={{color:"#ef4444",fontWeight:700,display:"flex",alignItems:"center",gap:4}}><MacroGlyph t="pro" c="#ef4444"/><span>Protein: {m.pro||0}g</span></div><div style={{color:"#22c55e",fontWeight:700,display:"flex",alignItems:"center",gap:4}}><MacroGlyph t="carb" c="#22c55e"/><span>Carb: {m.carb||0}g</span></div><div style={{color:"#d4af37",fontWeight:700,display:"flex",alignItems:"center",gap:4}}><MacroGlyph t="fat" c="#d4af37"/><span>Fat: {m.fat||0}g</span></div></div></div>})}</div>{sm?<div className="card" style={{marginTop:8,padding:"10px 12px",borderColor:"#d4af37"}}><div style={{fontWeight:700,fontSize:13,marginBottom:6}}>{sm.meal_name||sm.name||"Bữa ăn"}</div>{(()=>{const cp=(sm.pro||0)*4,cc=(sm.carb||0)*4,cf=(sm.fat||0)*9;const ct=cp+cc+cf;const q1=ct?cp/ct*100:0;const q2=ct?q1+cc/ct*100:0;const ring2=ct?("conic-gradient(#ef4444 0% "+q1.toFixed(1)+"%,#22c55e "+q1.toFixed(1)+"% "+q2.toFixed(1)+"%,#d4af37 "+q2.toFixed(1)+"% 100%)"):"conic-gradient(#334568 0% 100%)";return <div style={{display:"flex",alignItems:"center",gap:14,flexWrap:"wrap"}}><div style={{width:92,height:92,borderRadius:"50%",background:ring2,display:"flex",alignItems:"center",justifyContent:"center",flex:"0 0 auto",boxShadow:"0 2px 10px rgba(0,0,0,.35)"}}><div style={{width:64,height:64,borderRadius:"50%",background:"var(--ctg-navy2,#14224d)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",lineHeight:1.1}}><b style={{fontSize:16}}>{Math.round(sm.calo||0)}</b><span style={{fontSize:9,opacity:.8}}>kcal</span></div></div><div style={{fontSize:12.5,lineHeight:1.9}}><div style={{color:"#ef4444",fontWeight:700,display:"flex",alignItems:"center",gap:6}}><MacroGlyph t="pro" c="#ef4444" s={16}/><span>Protein: {sm.pro||0}g{ct?" ("+Math.round(cp/ct*100)+"% calo)":""}</span></div><div style={{color:"#22c55e",fontWeight:700,display:"flex",alignItems:"center",gap:6}}><MacroGlyph t="carb" c="#22c55e" s={16}/><span>Carb: {sm.carb||0}g{ct?" ("+Math.round(cc/ct*100)+"% calo)":""}</span></div><div style={{color:"#d4af37",fontWeight:700,display:"flex",alignItems:"center",gap:6}}><MacroGlyph t="fat" c="#d4af37" s={16}/><span>Fat: {sm.fat||0}g{ct?" ("+Math.round(cf/ct*100)+"% calo)":""}</span></div></div></div>})()}{(sm.ai_note||sm.aiNote)?<div style={{fontSize:11.5,marginTop:4,fontStyle:"italic"}}>💬 {sm.ai_note||sm.aiNote}</div>:null}<div style={{display:"flex",gap:8,marginTop:8}}>{onEdit?<button onClick={()=>onEdit(sm)} style={{flex:1,padding:"6px 0",borderRadius:8,border:"1px solid #14224d",background:"none",cursor:"pointer",fontWeight:600}}>✏️ Sửa</button>:null}<button onClick={()=>{if(confirm("Xóa bữa này?")){setExp(null);onDelete(sm.id)}}} style={{flex:1,padding:"6px 0",borderRadius:8,border:"1px solid #dc2626",background:"none",cursor:"pointer",fontWeight:600}}>🗑️ Xóa</button></div></div>:null}</div>})()}
<div className="card" style={{padding:"10px 12px",borderColor:"#14224d",background:"#f0f4f8",marginBottom:10}}>
      <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:8}}>
        <div style={{fontWeight:700,fontSize:13}}>📊 Dinh dưỡng & Cân bằng năng lượng</div>
        <div style={{fontSize:12,color:"#14224d",fontWeight:600}}>{meals.length} bữa · 🔥 {Math.round(tot.calo)} kcal</div>
      </div>
      
      <MacroAdvice tg={tg} acc={tot} nextMeal={true}/>
    {report?<div className="ctg-merged" style={{marginTop:12,paddingTop:12,borderTop:"1px dashed rgba(232,185,49,.4)"}}>{report}</div>:null}{report?<MealSuggestAI onApply={onApply} remaining={{calo:(tg.calo||0)-tot.calo,pro:(tg.pro||0)-tot.pro,carb:(tg.carb||0)-tot.carb,fat:(tg.fat||0)-tot.fat}}/>:null}</div>
    
  </div>;
}

/* ============== VIEW 3: CHECK IN ĂN UỐNG ============== */
function NutriPicker({picked,ov,onPick,onOverview,students=[]}){
  const [resetKey,setResetKey]=useState(0);
  const [statusMap,setStatusMap]=useState({});
  const idsKey=students.map(s=>s.id).filter(Boolean).join(',');
  useEffect(()=>{
    let alive=true;
    if(!idsKey){ setStatusMap({}); return; }
    (async()=>{
      const ids=idsKey.split(',').map(Number);
      const r2p=TODAY, r1p=iso(addDays(D(TODAY),-6));
      const [batch,sessionsTargets,tierMap]=await Promise.all([getDashboardBatch(ids),getAllSessionsTargets(),getAllMembersTier()]);
      if(!alive) return;
      const results=await Promise.all(students.map(st=>fetchStudentDashboard(st,r1p,r2p,sessionsTargets,tierMap,batch[st.id])));
      const byEmail={}; results.forEach(r=>{byEmail[r.s.email]=r;});
      setStatusMap(byEmail);
    })();
    return ()=>{alive=false;};
  },[idsKey]);
  const pickedStu=students.find(s=>s.email===picked);
  return <CollapsePanel key={resetKey} title={"👥 Chọn học viên"+(ov?" — 📊 Tổng quan":(pickedStu?(" — "+pickedStu.name):""))} defaultOpen={false}>
    <div className={"stu"+(ov?" on":"")} onClick={()=>{onOverview();setResetKey(k=>k+1);}} style={ov?null:{borderColor:"#c7d2fe",background:"#f0f4f8"}}>
      <div style={{minWidth:0}}>
        <div style={{fontWeight:700}}>📊 Tổng quan</div>
        <div style={{fontSize:12,color:"#6b7280"}}>Toàn bộ HV · ai chưa tuân thủ</div>
      </div>
      <span style={{fontSize:11,color:"#14224d",whiteSpace:"nowrap"}}>Tất cả</span>
    </div>
    <div style={{height:1,background:"#e6ebf2",margin:"2px 0 8px"}}></div>
    {students.map(s=>{
      const d=statusMap[s.email]||{};
      return (
      <div key={s.email} className={"stu"+(!ov&&picked===s.email?" on":"")} onClick={()=>{onPick(s.email);setResetKey(k=>k+1);}}>
        <div style={{minWidth:0}}>
          <div style={{fontWeight:600,overflowWrap:"anywhere"}}>{s.name}</div>
          <div style={{fontSize:12,color:"#6b7280",overflowWrap:"anywhere"}}>{s.email}</div>
          <div style={{display:"flex",gap:6,flexWrap:"wrap",marginTop:4}}>
            {d.training && <span style={{fontSize:10,background:"#fff",border:"1px solid "+d.training.color,color:d.training.color,padding:"2px 6px",borderRadius:8,whiteSpace:"nowrap"}}>🏋️ {d.training.label}</span>}
            {d.eating && <span style={{fontSize:10,background:"#fff",border:"1px solid "+d.eating.color,color:d.eating.color,padding:"2px 6px",borderRadius:8,whiteSpace:"nowrap"}}>🍱 {d.eating.label}</span>}
            {d.metabolic && <span style={{fontSize:10,background:"#fff",border:"1px solid "+d.metabolic.color,color:d.metabolic.color,padding:"2px 6px",borderRadius:8,whiteSpace:"nowrap"}}>{d.metabolic.label}</span>}
          </div>
        </div>
        <span style={{fontSize:11,color:"#14224d",whiteSpace:"nowrap"}}>{s.goal}</span>
      </div>
      );
    })}
  </CollapsePanel>;
}
// Tính tuân thủ 1 học viên từ dữ liệu thật: lấy ngày check-in gần nhất từ /meals + lịch sử bước chân + goal + body/workout thật của chính học viên đó
async function fetchStudentCompliance(s){
  const uid=s.id;
  if(!uid) return {s,last:null,a:null,status:"— Chưa có dữ liệu",color:"#9aa6b6",rank:4,goal:""};
  const [meals,checkinHistory,goal,bodyRows,workoutRows]=await Promise.all([
    apiFetch('meals?user_id='+uid).catch(()=>[]),
    getDailyCheckinHistory(uid),
    getStudentGoal(uid),
    apiFetch('body?user_id='+uid).catch(()=>[]),
    apiFetch('workouts?user_id='+uid).catch(()=>[]),
  ]);
  const g = goal || "Giảm mỡ";
  const hist = buildDailyHistory(s.email, Array.isArray(meals)?meals:[], checkinHistory, g);
  const last = hist[hist.length-1] || null;
  if(!last) return {s,last:null,a:null,status:"— Chưa có dữ liệu",color:"#9aa6b6",rank:4,goal:g};
  const bodyList = Array.isArray(bodyRows)?bodyRows:[];
  const workoutList = Array.isArray(workoutRows)?workoutRows:[];
  const tg = targets(last.email,last.date,last.goal,last.steps,workoutList,bodyList);
  const a = adherence(last,{...tg,goal:last.goal});
  const daysAgo=dayDiff(TODAY,last.date);
  if(daysAgo>2) return {s,last,a,daysAgo,status:"⏰ Lâu chưa check-in ("+daysAgo+" ngày)",color:"#d97706",rank:1,goal:g};
  if(a.score<5 || a.dots.filter(x=>x==="🔴").length>=2) return {s,last,a,daysAgo,status:"🔴 Chưa tuân thủ",color:"#dc2626",rank:0,goal:g};
  if(a.score<7) return {s,last,a,daysAgo,status:"⚠️ Cần nhắc nhở",color:"#d97706",rank:2,goal:g};
  return {s,last,a,daysAgo,status:"✅ Tuân thủ tốt",color:"#16a34a",rank:3,goal:g};
}
function NutriOverview({onPickStudent,students=[]}){
  const [rowsData,setRowsData]=useState(null); // null = đang tải
  const idsKey=students.map(s=>s.id).join(',');
  useEffect(()=>{
    let cancelled=false;
    if(!students.length){ setRowsData([]); return; }
    setRowsData(null);
    Promise.all(students.map(fetchStudentCompliance)).then(results=>{ if(!cancelled) setRowsData(results); });
    return ()=>{cancelled=true;};
  },[idsKey]);

  if(rowsData===null) return <Panel title="📊 Tổng quan tuân thủ — tất cả học viên"><div style={{fontSize:12.5,color:"#9aa6b6",padding:"12px"}}>⏳ Đang tải dữ liệu...</div></Panel>;
  const rows=[...rowsData].sort((x,y)=>x.rank-y.rank);
  const nBad=rows.filter(r=>r.rank<=1).length;
  return <Panel title="📊 Tổng quan tuân thủ — tất cả học viên" style={{minWidth:0}}>
    <div style={{display:"flex",flexWrap:"wrap",gap:12,justifyContent:"space-between",alignItems:"center",marginBottom:10}}>
      <MacroLegend/>
      <span style={{fontSize:13}}>Cần chú ý: <b style={{color:"#dc2626"}}>{nBad}</b>/{students.length} học viên</span>
    </div>
    {!rows.length && <Empty msg="Chưa có học viên nào"/>}
    <div style={{display:"flex",flexDirection:"column",gap:8}}>
      {rows.map(r=>(
        <div key={r.s.email} className="card" style={{padding:"10px 12px",display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between",gap:10,borderLeft:"4px solid "+r.color}}>
          <div style={{minWidth:0}}>
            <div style={{fontWeight:700,overflowWrap:"anywhere"}}>{r.s.name} <span style={{fontSize:11,color:"#9aa6b6",fontWeight:400}}>· {r.goal}</span></div>
            <div style={{fontSize:12,color:"#6b7280"}}>{r.last?"Gần nhất "+fmtDMY(r.last.date)+" · Điểm "+r.a.score+"/10":"Chưa có check-in"}</div>
          </div>
          <div style={{display:"flex",alignItems:"center",gap:12}}>
            {r.a && <DotRow dots={r.a.dots}/>}
            <span style={{fontSize:12.5,fontWeight:700,color:r.color,whiteSpace:"nowrap"}}>{r.status}</span>
            <button className="tabbtn" style={{background:"#cbd5e1",color:"#f8fafc",fontSize:12,padding:"6px 10px"}} onClick={()=>onPickStudent(r.s.email)}>Xem →</button>
          </div>
        </div>
      ))}
    </div>
  </Panel>;
}
function ViewAnUong({email,isAdmin,picked,onPick,roleType,students=[],serverBody=null,serverWorkouts=null}){
  const bodyList = serverBody || []; // dữ liệu cân nặng/% mỡ thật
  const workoutList = serverWorkouts || []; // dữ liệu buổi tập thật
  const [selDate,setSelDate]=useState(TODAY);
  const [ov,setOv]=useState(false);
  const [serverMeals,setServerMeals]=useState([]);
  const [loadingMeals,setLoadingMeals]=useState(false);
  const [wpUserId,setWpUserId]=useState(0);
  const [aiConnected,setAiConnected]=useState(null); // null=đang tải, true/false
  const canManageAi = window.ctgExactRole==="administrator";
  const aiLocked = (roleType==="khach_thu"||window.ctgMemberTier==="hlv_thu") && window.ctgAiUnlocked!==true;const [aiLockModal,setAiLockModal]=useState(false);
  const [aiLockOpen,setAiLockOpen]=useState(false);
  const [checkin,setCheckin]=useState(null); // {steps,target_override,t_calo,t_pro,t_carb,t_fat} từ server, null nếu chưa có
  const [stepsInput,setStepsInput]=useState("9000");
  const [savingCheckin,setSavingCheckin]=useState(false);
  const [selCheckin,setSelCheckin]=useState(null);
  const [openMealCheckIn,setOpenMealCheckIn]=useState(false);
  const [mealCheckInMode,setMealCheckInMode]=useState("ai");
  const [summaryModal,setSummaryModal]=useState(false);

  const st=students.find(s=>s.email===(picked||email))||{};
  const targetUserId = st.id || wpUserId; // ưu tiên ID thật của học viên đang xem, fallback về user đang đăng nhập
  const [realGoal,setRealGoal]=useState(""); // Mục tiêu lưu server thật (user meta), "" = chưa set
  const stGoal = realGoal || st.goal || "Giảm mỡ";
  const [checkinHistory, setCheckinHistory] = useState([]);

  useEffect(()=>{
    let cancelled=false;
    if(!targetUserId){ setRealGoal(""); return; }
    getStudentGoal(targetUserId).then(g=>{ if(!cancelled) setRealGoal(g); });
    return ()=>{cancelled=true;};
  },[targetUserId]);

  const saveGoal=async(g)=>{
    if(!targetUserId) return;
    setSavingCheckin(true);
    try{
      const r=await postDailyCheckin({user_id:targetUserId, date:selDate, goal:g,
        steps:rawSteps||9000,
        override:overridden?1:0,
        t_calo:overridden&&selCheckin?selCheckin.t_calo:0,
        t_pro:overridden&&selCheckin?selCheckin.t_pro:0,
        t_carb:overridden&&selCheckin?selCheckin.t_carb:0,
        t_fat:overridden&&selCheckin?selCheckin.t_fat:0,
      }).catch(e=>({})); // Ignore daily checkin error to ensure global goal saves
      setSelCheckin(r);
      try {
        console.log("saveGoal calling postStudentGoal for targetUserId:", targetUserId, "goal:", g);
        const res = await postStudentGoal(targetUserId, g);
        console.log("saveGoal postStudentGoal returned:", res);
      } catch(e){
        console.error("saveGoal postStudentGoal error:", e);
      }
      try {
        const targetEmail = picked || email;
        const currentPlan = st.plan || "";
        const currentGa = st.giaoAn || st.giao_an || "";
        console.log("saveGoal calling update-member for:", targetEmail, "plan:", currentPlan, "giao_an:", currentGa, "goal:", g);
        const res = await fetch('/wp-json/ctg/v1/update-member',{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application/json','X-WP-Nonce':(window.wpApiSettings&&window.wpApiSettings.nonce)||''},body:JSON.stringify({email: targetEmail, plan: currentPlan, giao_an: currentGa, goal: g})});
        console.log("saveGoal update-member status:", res.status);
        const txt = await res.clone().text().catch(()=>"");
        console.log("saveGoal update-member response:", txt);
      } catch(e){
        console.error("saveGoal update-member error:", e);
      }
      if(st) st.goal = g;
      setRealGoal(g);
      // Lưu vào localStorage để giữ goal sau khi refresh (backup giống getDailyCheckinHistory)
      try {
        const storedGoals = JSON.parse(localStorage.getItem('ctg_daily_goals') || '{}');
        storedGoals[`${targetUserId}_${selDate}`] = g;
        localStorage.setItem('ctg_daily_goals', JSON.stringify(storedGoals));
      } catch(e) {}
      // Cập nhật local checkinHistory ngay để getGoalForDate phản ánh đúng
      setCheckinHistory(prev=>{
        const others = (prev||[]).filter(c=>c.checkin_date!==selDate);
        return [...others, {...(r||{}), checkin_date:selDate, goal:g}];
      });
    }catch(e){}
    setSavingCheckin(false);
  };

  useEffect(()=>{
    let cancelled=false;
    if(!targetUserId){ setCheckinHistory([]); return; }
    getDailyCheckinHistory(targetUserId).then(r=>{ 
      if(!cancelled) {
        setCheckinHistory(r);
        if(r && r.length > 0) {
          const sorted = [...r].sort((a,b)=>(a.checkin_date||"").localeCompare(b.checkin_date||""));
          setSelDate((sorted[sorted.length-1]||{}).checkin_date||TODAY);
        }
      } 
    });
    return ()=>{cancelled=true;};
  },[targetUserId]);

  useEffect(()=>{
    fetch(window.location.origin+"/wp-json/wp/v2/users/me",{credentials:"include",headers:{"X-WP-Nonce":window.wpApiSettings?.nonce||""}})
      .then(r=>r.ok?r.json():Promise.reject())
      .then(u=>setWpUserId(u.id||0))
      .catch(()=>{ fetch(window.location.origin+"/wp-json/ctg/v1/my-tier?_t="+Date.now(),{credentials:"include",cache:"no-store"}).then(r=>r.ok?r.json():Promise.reject()).then(u=>setWpUserId(u.id||0)).catch(()=>setWpUserId(0)); });
  },[]);

  const reloadAiStatus=()=>apiFetch("gemini-key/status").then(d=>setAiConnected(!!d.connected)).catch(()=>setAiConnected(false));
  useEffect(()=>{ reloadAiStatus(); },[]);
  const saveAiKey=async(k)=>{ await apiFetch("gemini-key",{method:"POST",body:JSON.stringify({key:k})}); await reloadAiStatus(); };

  useEffect(()=>{
    if(!targetUserId) return;
    setLoadingMeals(true);
    apiFetch("meals?user_id="+targetUserId)
      .then(data=>setServerMeals(Array.isArray(data)?data:[]))
      .catch(()=>setServerMeals([]))
      .finally(()=>setLoadingMeals(false));
  },[targetUserId,email]);

  const reloadMeals=()=>{
    if(!targetUserId) return;
    apiFetch("meals?user_id="+targetUserId)
      .then(data=>setServerMeals(Array.isArray(data)?data:[]))
      .catch(()=>{});
  };

  const addMeal=async(meal)=>{
    if(!targetUserId) throw new Error("Chưa xác định được học viên (thiếu user ID) — không thể lưu.");
    await apiFetch("meals",{method:"POST",body:JSON.stringify({...meal,user_id:targetUserId,date:selDate,foods:Array.isArray(meal.foods)?meal.foods:[]})});
    reloadMeals();
  };

  const delMeal=async(id)=>{
    await apiFetch("meals/"+id,{method:"DELETE"});
    setServerMeals(prev=>prev.filter(m=>m.id!==id));
  };
  const [edMeal,setEdMeal]=useState(null);const editMeal=async(m,ch)=>{const nb={user_id:targetUserId,date:m.date||selDate,meal_name:ch.name,name:ch.name,pro:+ch.pro||0,carb:+ch.carb||0,fat:+ch.fat||0,calo:+ch.calo||0,foods:Array.isArray(m.foods)?m.foods:[]};await apiFetch("meals",{method:"POST",body:JSON.stringify(nb)});await apiFetch("meals/"+m.id,{method:"DELETE"}).catch(()=>{});reloadMeals()};


  const getStepsForDate = useCallback((k) => {
    const past = (checkinHistory||[]).filter(c=>c.steps != null && c.checkin_date && c.checkin_date <= k).sort((a,b)=>b.checkin_date.localeCompare(a.checkin_date));
    return past.length ? +past[0].steps : 9000;
  }, [checkinHistory]);

  useEffect(()=>{
    if(!targetUserId){ setSelCheckin(null); setStepsInput("9000"); return; }
    let cancelled=false;
    getDailyCheckin(targetUserId,selDate).then(r=>{
      if(cancelled) return;
      setSelCheckin(r);
      if(r && r.steps != null){
        setStepsInput(String(r.steps));
      }else{
        setStepsInput(String(getStepsForDate(selDate)));
      }
    });
    return ()=>{cancelled=true;};
  },[targetUserId,selDate,getStepsForDate]);

  const getGoalForDate = useCallback((k) => {
    const past = (checkinHistory||[]).filter(c=>c.goal && c.checkin_date && c.checkin_date <= k).sort((a,b)=>b.checkin_date.localeCompare(a.checkin_date));
    return past.length ? past[0].goal : stGoal;
  }, [checkinHistory, stGoal]);
  const selGoal = getGoalForDate(selDate);
  const rawSteps=(selCheckin&&selCheckin.steps!=null)?+selCheckin.steps:getStepsForDate(selDate);
  const overridden = !!(selCheckin && Number(selCheckin.target_override)===1);

  const commitSteps=async(s)=>{
    if(!targetUserId) return;
    setSavingCheckin(true);
    try{
      const r=await postDailyCheckin({user_id:targetUserId, date:selDate, steps:s, goal:selGoal||stGoal, override:overridden?1:0, t_calo:overridden?selCheckin.t_calo:0, t_pro:overridden?selCheckin.t_pro:0, t_carb:overridden?selCheckin.t_carb:0, t_fat:overridden?selCheckin.t_fat:0});
      setSelCheckin(r);
      // Lưu vào localStorage để giữ steps sau khi refresh (backup giống getDailyCheckinHistory)
      try {
        const storedSteps = JSON.parse(localStorage.getItem('ctg_daily_steps') || '{}');
        storedSteps[`${targetUserId}_${selDate}`] = +s;
        localStorage.setItem('ctg_daily_steps', JSON.stringify(storedSteps));
      } catch(e) {}
      // Cập nhật local checkinHistory để getStepsForDate kế thừa đúng
      setCheckinHistory(prev=>{
        const others = (prev||[]).filter(c=>c.checkin_date!==selDate);
        return [...others, {...(r||{}), checkin_date:selDate, steps:+s, goal:selGoal||stGoal}];
      });
    }catch(e){}
    setSavingCheckin(false);
  };
  const saveTargetOverride=async(ov)=>{
    if(!targetUserId) return;
    setSavingCheckin(true);
    try{
      const r=await postDailyCheckin({user_id:targetUserId, date:selDate, steps:rawSteps, override:1, t_calo:ov.calo, t_pro:ov.pro, t_carb:ov.carb, t_fat:ov.fat});
      setSelCheckin(r);
    }catch(e){}
    setSavingCheckin(false);
  };
  const clearTargetOverride=async()=>{
    if(!targetUserId) return;
    setSavingCheckin(true);
    try{
      const r=await postDailyCheckin({user_id:targetUserId, date:selDate, steps:rawSteps, override:0, t_calo:0, t_pro:0, t_carb:0, t_fat:0});
      setSelCheckin(r);
    }catch(e){}
    setSavingCheckin(false);
  };

  const dailyHistory=useMemo(()=>buildDailyHistory(email,serverMeals,checkinHistory,stGoal),[email,serverMeals,checkinHistory,stGoal]);
  const dailyEvents=dailyHistory.map(d=>{
    const tg=targets(d.email,d.date,d.goal,d.steps,workoutList,bodyList);
    const a=adherence(d,{...tg,goal:d.goal});
    const dc=a.dots.includes("🔴")?"#dc2626":a.dots.includes("🟡")?"#d97706":"#16a34a";
    return {date:d.date,color:"#d4af37",dotColor:dc,dark:true,isSquare:true,label:<Dice5DotRow dots={a.dots} size={15} goal={d.goal}/>,title:"Điểm "+a.score+"/10",data:d};
  });
  const mealOnlyDates=[...new Set(serverMeals.map(m=>m.date))].filter(dt=>!dailyEvents.find(e=>e.date===dt));
  const mealEvents=mealOnlyDates.map(dt=>{const dm=serverMeals.filter(m=>m.date===dt);return {date:dt,color:"#dcfce7",dotColor:"#16a34a",dark:true,label:"🍽️ "+dm.length+" bữa",title:dm.length+" bữa check-in"};});
  const events=[...dailyEvents,...mealEvents];

  const selMeals=serverMeals.filter(m=>m.date===selDate);
  const autoTg=useMemo(()=>({...targets(email,selDate,selGoal,rawSteps,workoutList,bodyList),goal:selGoal}),[email,selDate,selGoal,rawSteps,workoutList,bodyList]);
  const selTg = overridden
    ? {...autoTg, calo:+selCheckin.t_calo||0, pro:+selCheckin.t_pro||0, carb:+selCheckin.t_carb||0, fat:+selCheckin.t_fat||0}
    : autoTg;
  // Tổng macro thực tế đã ăn trong ngày (từ server) — dùng cho Tổng kết ngày (hệ điểm cũ)
  const realDailyRecord = useMemo(()=>({
    email, date:selDate, goal:selGoal, steps:rawSteps,
    pro: selMeals.reduce((s,m)=>s+(+m.pro||0),0),
    carb: selMeals.reduce((s,m)=>s+(+m.carb||0),0),
    fat: selMeals.reduce((s,m)=>s+(+m.fat||0),0),
    problem:"",
  }),[email,selDate,selGoal,rawSteps,selMeals]);
  const [r1,setR1]=useState(iso(addDays(D(TODAY),-6))),[r2,setR2]=useState(TODAY);

  if(isAdmin&&ov) return <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(min(100%,260px),1fr))",gap:14,alignItems:"start"}}>
    <NutriPicker picked={picked} ov={ov} onPick={e=>{onPick(e);setOv(false);}} onOverview={()=>setOv(true)} students={students}/>
    <NutriOverview onPickStudent={e=>{onPick(e);setOv(false);}} students={students}/>
  </div>;

  return <>
    {isAdmin&&<div style={{marginBottom:14}}><NutriPicker picked={picked} ov={ov} onPick={e=>{onPick(e);setOv(false);}} onOverview={()=>setOv(true)} students={students}/></div>}
    <div className="split-layout">
    <div className="side">
      <Calendar title="🍱🥗 Check in dinh dưỡng" events={events} selected={selDate} onDayClick={k=>setSelDate(k)} onSelect={e=>{setSelDate(e.date||(e.data&&e.data.date)||TODAY);}} renderDayAddon={(k, hasData)=><TargetDropdownOverlay k={k} selDate={selDate} hasData={hasData} props={{goal:selGoal, onGoalChange:saveGoal, stepsInput:stepsInput, onStepsChange:setStepsInput, onStepsBlur:commitSteps, tg:selTg, overridden:overridden, canEdit:canManageAi, onSaveOverride:saveTargetOverride, onClearOverride:clearTargetOverride, saving:savingCheckin}}/>} />
    </div>
    <div className="main">
    <Panel title={"📊 Báo cáo ngày · "+fmtDMY(selDate)}>
      {/* Ô mẹ: Mục tiêu ngày (bước chân + target tự tính, coach sửa tay được) — luôn hiện, không phụ thuộc AI đã kết nối hay chưa */}
      {/* 2 ô check-in độc lập: AI (ảnh/mô tả) và thủ công — cùng lưu vào "Chi tiết từng bữa" bên dưới */}
      {aiLockModal&&<Modal onClose={()=>setAiLockModal(false)}><ContactUnlock/></Modal>}
      <button className="tabbtn" onClick={()=>{setOpenMealCheckIn(true);setMealCheckInMode("ai");}} style={{width:"100%",background:"#14224d",color:"#fff",border:"2px solid #d4af37",boxShadow:"0 6px 15px rgba(20,34,77,0.3)",fontSize:16,padding:"14px",fontWeight:800,marginBottom:16,display:"flex",alignItems:"center",justifyContent:"center",gap:10,borderRadius:12}}>
        <span style={{fontSize:24}}>🍽️</span>
        <span>CHECK-IN BỮA ĂN</span>
        <span style={{fontSize:22,marginLeft:4,fontWeight:900}}>➔</span>
      </button>

      {openMealCheckIn&&<Modal onClose={()=>setOpenMealCheckIn(false)}>
        <div style={{fontWeight:800,fontSize:16,marginBottom:12}}>🍽️ Check-in Bữa Ăn</div>
        <div className="seg" style={{marginBottom:12,width:"100%"}}>
          <button className={mealCheckInMode==="ai"?"on":""} onClick={()=>{if(aiLocked){setAiLockModal(true);return;}setMealCheckInMode("ai");}} style={{flex:1}}>🤖 Dùng AI{aiLocked?" 🔒":""}</button>
          <button className={mealCheckInMode==="manual"?"on":""} onClick={()=>setMealCheckInMode("manual")} style={{flex:1}}>📝 Nhập thủ công</button>
        </div>
        <div style={{maxHeight:"70vh",overflowY:"auto",margin:"0 -10px",padding:"0 10px"}}>
          {mealCheckInMode==="ai"&&<div style={aiLocked?{opacity:.35,filter:"grayscale(1)",pointerEvents:"none",userSelect:"none"}:undefined}>
            {aiConnected===null
              ?<div style={{fontSize:12,color:"#9aa6b6",padding:"12px"}}>⏳ Đang kiểm tra kết nối AI...</div>
              :!aiConnected&&canManageAi
              ?<AiOnboarding onSave={saveAiKey}/>
              :!aiConnected&&!canManageAi
              ?<Empty msg="AI phân tích bữa ăn chưa được coach kết nối. Vui lòng liên hệ coach."/>
              :<div>
                <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",background:"#f0fdf4",border:"1px solid #bbf7d0",borderRadius:9,padding:"7px 12px",marginBottom:10}}>
                  <div style={{fontSize:12.5,color:"#16a34a",fontWeight:600}}>✅ AI đã kết nối</div>
                  {canManageAi&&<button onClick={async()=>{await apiFetch("gemini-key",{method:"DELETE"}).catch(()=>{});await reloadAiStatus();}} style={{fontSize:11.5,color:"#dc2626",background:"none",border:"1px solid #fca5a5",borderRadius:6,padding:"3px 9px",cursor:"pointer",whiteSpace:"nowrap"}}>🔌 Hủy kết nối</button>}
                </div>
                <AiMealCheckIn email={email} date={selDate} goal={stGoal} tg={selTg} onAdd={addMeal} existingMeals={selMeals}/>
              </div>
            }
          </div>}
          {mealCheckInMode==="manual"&&<ManualMealCheckIn email={email} date={selDate} goal={stGoal} tg={selTg} onAdd={addMeal} existingMeals={selMeals}/>}
        </div>
      </Modal>}

      <div className="card" style={{padding:"14px",marginBottom:16,border:"2px solid #d4af37",borderRadius:14,background:"#0e1b3d"}}>
        <div style={{display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,flexWrap:"wrap",marginBottom:10}}>
          <div style={{minWidth:150}}>
            <div style={{fontWeight:800,fontSize:14,color:"#d4af37"}}>👟 Bước chân hôm nay</div>
            <div style={{fontSize:12,color:"#9aa6b6"}}>Khai báo số bước để tính calo tiêu hao</div>
          </div>
          {rawSteps>0&&<span style={{fontSize:12,color:"#d4af37",fontWeight:700,background:"#0a1325",padding:"4px 10px",borderRadius:20}}>{rawSteps} bước</span>}
        </div>
        <div style={{display:"flex",gap:8}}>
          <input type="number" min="0" step="500" value={stepsInput} onChange={e=>setStepsInput(e.target.value)} style={{flex:1,padding:"10px",fontSize:15,fontWeight:600}} placeholder="VD: 10000"/>
          <button className="tabbtn" style={{background:savingCheckin?"#1b2c5e":"#d4af37",color:savingCheckin?"#94a3b8":"#0a1330",fontSize:14,padding:"10px 16px",border:"1px solid #d4af37",fontWeight:800}} onClick={()=>commitSteps(stepsInput)} disabled={savingCheckin}>
            {savingCheckin?"⏳ Đang lưu...":"💾 Lưu bước chân"}
          </button>
        </div>
      </div>

      {/* Card chọn Mục tiêu — thanh trượt, lưu qua saveGoal giống commitSteps */}
      <GoalSaveCard selGoal={selGoal} stGoal={stGoal} saveGoal={saveGoal} savingCheckin={savingCheckin} tg={selTg}/>

      {!targetUserId&&<div style={{fontSize:12.5,color:"#d97706",padding:"8px 10px",background:"#fff7ed",borderRadius:8,marginBottom:10}}>
        ⚠️ Chưa xác định được học viên (thiếu user ID) — bữa ăn sẽ không lưu được lên server.
      </div>}

      

      {loadingMeals&&<div style={{fontSize:12,color:"#9aa6b6",marginBottom:8}}>⏳ Đang tải dữ liệu...</div>}
      {selMeals.length>0&&<DailyMealLog meals={selMeals} tg={selTg} onDelete={delMeal} onEdit={m=>setEdMeal(m)} onApply={addMeal} report={<DailyReportCard d={realDailyRecord} tg={selTg} defaultOpen={false}/>}/>}{edMeal?<MealEditModal m={edMeal} onClose={()=>setEdMeal(null)} onSave={async ch=>{await editMeal(edMeal,ch);setEdMeal(null)}}/>:null}

{selMeals.length===0?<DailyReportCard d={realDailyRecord} tg={selTg} defaultOpen={false}/>:null}
      <button className="tabbtn" onClick={()=>setSummaryModal(true)} style={{width:"100%",marginTop:16,background:"#fff",color:"#f8fafc",border:"2px solid #d4af37",fontSize:15,padding:"14px",fontWeight:800}}>
        🗓️ XEM TỔNG KẾT CHU KỲ
      </button>
      {summaryModal&&<Modal onClose={()=>setSummaryModal(false)}>
        <div style={{fontWeight:800,fontSize:16,marginBottom:12}}>🗓️ Tổng kết chu kỳ</div>
        <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(130px,1fr))",gap:8,marginBottom:10}}>
          <div><label>Từ ngày</label><input type="date" value={r1} onChange={e=>setR1(e.target.value)}/></div>
          <div><label>Đến ngày</label><input type="date" value={r2} onChange={e=>setR2(e.target.value)}/></div>
        </div>
        <div style={{maxHeight:"70vh",overflowY:"auto",margin:"0 -10px",padding:"0 10px"}}>
          <SummaryCard email={email} r1={r1} r2={r2} goal={stGoal} dailyList={dailyHistory} workoutList={workoutList} bodyList={bodyList}/>
        </div>
      </Modal>}
    </Panel>
    </div>
    </div>
  </>;
}
/* ============== LOGIN ============== */
function Login({onLogin}){
  const [email,setEmail]=useState("");
  return <div style={{minHeight:"100vh",display:"flex",alignItems:"center",justifyContent:"center",padding:16,background:"radial-gradient(1200px 600px at 50% -10%, #14224d 0%, #060f22 55%)"}}>
    <div className="card" style={{width:"100%",maxWidth:430,padding:28}}>
      <div style={{textAlign:"center",marginBottom:20}}>
        <div style={{width:60,height:60,margin:"0 auto 12px",borderRadius:18,display:"flex",alignItems:"center",justifyContent:"center",fontSize:30,background:"linear-gradient(135deg,#14224d,#0f172a)"}}>🏋️</div>
        <h1 style={{fontSize:24,fontWeight:800,margin:0}}>CTG FITNESS</h1>
        <p style={{color:"#6b7280",fontSize:14,margin:"4px 0 0"}}>Hệ thống theo dõi khách hàng</p>
      </div>
      <label>Email</label>
      <input type="email" placeholder="ban@gmail.com" value={email} onChange={e=>setEmail(e.target.value)} onFocus={e=>e.target.select()}/>
      <button className="tabbtn" style={{width:"100%",marginTop:12,background:"#14224d",color:"#f4f6f8"}} onClick={()=>onLogin(email||ADMIN.email)}>Tiếp tục →</button>
    </div>
  </div>;
}

/* ============== HLV LIST ============== */
function HLVList({onSelect,onSelfTrack}){
  const [hlvs,setHlvs]=useState([]);
  const [allStudents,setAllStudents]=useState([]);
  const [loading,setLoading]=useState(true);
  const [err,setErr]=useState("");
  const [expanded,setExpanded]=useState({});
  const [addingTo,setAddingTo]=useState(null);
  const [searchQ,setSearchQ]=useState("");
  const [saving,setSaving]=useState(false);

  function loadData(){
    setLoading(true);
    Promise.all([apiFetch("hlvs"),apiFetch("students")])
      .then(([h,s])=>{setHlvs(h);setAllStudents(s);setLoading(false);})
      .catch(e=>{setErr(e.message);setLoading(false);});
  }
  useEffect(()=>{loadData();},[]);

  const studentsOf=(hlvId)=>allStudents.filter(s=>Number(s.hlvId)===Number(hlvId));
  function norm(str){return(str||"").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"");}
  const searchResults=searchQ.trim().length>1
    ?allStudents.filter(s=>{const q=norm(searchQ);return norm(s.name).includes(q)||norm(s.email).includes(q);})
    :[];

  async function assignStudent(studentId,hlvId){
    setSaving(true);
    try{
      await apiFetch("student/"+studentId,{method:"POST",body:JSON.stringify({hlvId})});
      setSearchQ("");setAddingTo(null);loadData();
    }catch(e){alert("Lỗi: "+e.message);}
    setSaving(false);
  }
  async function removeStudent(studentId,name){
    if(!confirm("Xóa "+name+" khỏi HLV này?"))return;
    setSaving(true);
    try{
      await apiFetch("student/"+studentId,{method:"POST",body:JSON.stringify({hlvId:0})});
      loadData();
    }catch(e){alert("Lỗi: "+e.message);}
    setSaving(false);
  }

  return <div style={{minHeight:"100vh",background:"radial-gradient(1200px 600px at 50% -10%, #14224d 0%, #060f22 55%)",padding:24}}>
    <div style={{maxWidth:"100%",margin:"0 auto"}}>
      <div style={{textAlign:"center",marginBottom:24,paddingTop:32}}>
        <div style={{width:56,height:56,margin:"0 auto 12px",borderRadius:16,display:"flex",alignItems:"center",justifyContent:"center",fontSize:28,background:"linear-gradient(135deg,#14224d,#0f172a)"}}>🏋️</div>
        <h1 style={{fontSize:22,fontWeight:800,margin:0}}>CTG FITNESS</h1>
        <p style={{color:"#6b7280",fontSize:14,margin:"4px 0 0"}}>Quản lý Huấn luyện viên</p>
      </div>
      <div className="panel">
        <div className="panel-h">👑 Danh sách Huấn luyện viên</div>{onSelfTrack&&<div style={{padding:'10px 12px 0'}}><button onClick={function(){onSelfTrack();}} style={{background:'#f59e0b',border:'none',color:'#fff',fontWeight:700,fontSize:13,padding:'8px 14px',borderRadius:8,cursor:'pointer'}}>⭐ Tôi (theo dõi bản thân)</button></div>}
        <div className="panel-b" style={{padding:8}}>
          {loading&&<p style={{padding:12,color:"#6b7280"}}>Đang tải...</p>}
          {err&&<p style={{padding:12,color:"#ef4444"}}>{err}</p>}
          {hlvs.map(h=>{
            const myStudents=studentsOf(h.id);
            const isExp=!!expanded[h.id];
            const isAdding=addingTo===h.id;
            return <div key={h.id} style={{marginBottom:8,border:"1px solid #e6ebf2",borderRadius:9,overflow:"hidden"}}>
              {/* Header row */}
              <div style={{display:"flex",alignItems:"center",background:"#0a1325",padding:"12px 14px",gap:8}}>
                <div onClick={()=>onSelect(h)} style={{flex:1,cursor:"pointer",display:"flex",alignItems:"center",gap:10}}>
                  <span style={{fontWeight:600,fontSize:15}}>{h.name}</span><HlvTierBadge t={h.roleTier}/>
                  <span style={{fontSize:12,color:"#6b7280",background:"#e0e7ef",borderRadius:10,padding:"2px 8px"}}>{myStudents.length} học viên</span>
                </div>
                <button onClick={()=>setExpanded(p=>({...p,[h.id]:!p[h.id]}))}
                  style={{background:"none",border:"1px solid #c7d2fe",borderRadius:6,padding:"3px 10px",cursor:"pointer",color:"#14224d",fontSize:14,fontWeight:700}}>
                  {isExp?"▲":"▼"}
                </button>
              </div>
              {/* Expanded student list */}
              {isExp&&<div style={{background:"#fff",padding:"8px 12px"}}>
                {myStudents.length===0&&<p style={{color:"#9ca3af",fontSize:13,margin:"6px 0"}}>Chưa có học viên nào</p>}
                {myStudents.map(s=><div key={s.id} style={{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 6px",borderBottom:"1px solid #f3f4f6"}}>
                  <div>
                    <div style={{fontWeight:500,fontSize:14}}>{s.name}</div>
                    <div style={{fontSize:12,color:"#6b7280"}}>{s.email}</div>
                  </div>
                  <button onClick={()=>removeStudent(s.id,s.name)} disabled={saving}
                    style={{background:"#fee2e2",color:"#dc2626",border:"none",borderRadius:6,padding:"4px 12px",fontSize:12,cursor:"pointer"}}>
                    Xóa
                  </button>
                </div>)}
                {/* Add student */}
                {!isAdding
                  ?<button onClick={()=>{setAddingTo(h.id);setSearchQ("");}}
                    style={{marginTop:8,background:"#ede9fe",color:"#14224d",border:"none",borderRadius:7,padding:"7px 0",fontSize:13,cursor:"pointer",width:"100%",fontWeight:600}}>
                    + Thêm học viên
                  </button>
                  :<div style={{marginTop:10,background:"#f8f9fb",borderRadius:8,padding:12}}>
                    <div style={{display:"flex",gap:6,marginBottom:8}}>
                      <input placeholder="🔍 Tìm theo email hoặc tên..." value={searchQ}
                        onChange={e=>setSearchQ(e.target.value)} autoFocus
                        style={{flex:1,border:"1px solid #d1d5db",borderRadius:7,padding:"7px 10px",fontSize:13,outline:"none"}}/>
                      <button onClick={()=>{setAddingTo(null);setSearchQ("");}}
                        style={{background:"#f3f4f6",border:"none",borderRadius:7,padding:"7px 11px",cursor:"pointer",fontSize:14}}>✕</button>
                    </div>
                    {searchQ.trim().length>1&&<div>
                      {searchResults.length===0&&<p style={{color:"#9ca3af",fontSize:13,margin:4}}>Không tìm thấy học viên</p>}
                      {searchResults.map(s=><div key={s.id} style={{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"7px 8px",borderRadius:6,background:"#fff",marginBottom:4,border:"1px solid #e5e7eb"}}>
                        <div>
                          <div style={{fontWeight:500,fontSize:13}}>{s.name}</div>
                          <div style={{fontSize:11,color:"#6b7280"}}>{s.email}{Number(s.hlvId)===Number(h.id)?" · đang trong nhóm này":Number(s.hlvId)>0?" · đang có HLV khác":""}</div>
                        </div>
                        <button onClick={()=>assignStudent(s.id,h.id)} disabled={saving||Number(s.hlvId)===Number(h.id)}
                          style={{background:Number(s.hlvId)===Number(h.id)?"#e5e7eb":"#14224d",color:Number(s.hlvId)===Number(h.id)?"#9ca3af":"#fff",border:"none",borderRadius:6,padding:"5px 12px",fontSize:12,cursor:Number(s.hlvId)===Number(h.id)?"default":"pointer"}}>
                          {Number(s.hlvId)===Number(h.id)?"Đã có":"Thêm"}
                        </button>
                      </div>)}
                    </div>}
                  </div>
                }
              </div>}
            </div>;
          })}
        </div>
      </div>
    </div>
  </div>;
}

/* ============== THÊM THÀNH VIÊN (modal /admin /popup) ============== */
const CTG_PACKAGE_OPTIONS=[{label:"1 tháng",days:30},{label:"3 tháng",days:90},{label:"6 tháng",days:180},{label:"1 năm",days:365},{label:"Tùy chỉnh",days:0}];
const CTG_ROLE_LABELS={administrator:"Quản trị viên (Admin)",ctg_quanly:"Quản lý",ctg_hlv:"Huấn luyện viên",ctg_khach_vip:"Khách hàng (chính thức)",ctg_khach:"Khách hàng dùng thử",ctg_hlv_thu:"HLV dùng thử"};
function AddMemberForm(){
  // Đọc chế độ (khách/nhân viên) TRỰC TIẾP từ URL (?ctg_mode=...) - luôn có sẵn ngay lập tức,
  // không phụ thuộc script nào khác chạy trước/sau (tránh lỗi đua thời gian với snippet đọc localStorage).
  const urlMode=new URLSearchParams(window.location.search).get("ctg_mode");
  const khachMode=urlMode?urlMode==="khach":!!window._ctgPendingKhachMode; // true = đăng ký công khai qua "Đăng ký ngay"
  const urlBucket=urlMode==="hlv"?"ctg_hlv":urlMode==="quanly"?"ctg_quanly":urlMode==="1"?"administrator":null;
  const callerBucket=khachMode?null:(urlBucket||window._ctgPendingRole||"administrator");
  const roleOptionsByBucket={
    administrator:["administrator","ctg_quanly","ctg_hlv","ctg_hlv_thu","ctg_khach_vip","ctg_khach"],
    ctg_quanly:["ctg_hlv","ctg_hlv_thu","ctg_khach_vip","ctg_khach"],
    ctg_hlv_thu:["ctg_khach_vip","ctg_khach"],
    ctg_hlv:["ctg_khach_vip","ctg_khach"],
  };
  const roleOptions=khachMode?["ctg_khach"]:(roleOptionsByBucket[callerBucket]||["ctg_khach"]);

  const [name,setName]=useState("");
  const [email,setEmail]=useState("");
  const [phone,setPhone]=useState("");
  const [password,setPassword]=useState("");
  const [role,setRole]=useState(khachMode?"ctg_khach":roleOptions[0]);
  const [pkgIdx,setPkgIdx]=useState(0);
  const [customExpiry,setCustomExpiry]=useState("");
  const [saving,setSaving]=useState(false);
  const [err,setErr]=useState("");
  const [done,setDone]=useState(null);
  const [activationDate,setActivationDate]=useState(()=>{const d=new Date();d.setMinutes(d.getMinutes()-d.getTimezoneOffset());return d.toISOString().slice(0,10);});

  const isCustomerRole=role==="ctg_khach"||role==="ctg_khach_vip"||role==="ctg_hlv_thu";
  const chosenPkg=CTG_PACKAGE_OPTIONS[pkgIdx];

  async function submit(e){
    e.preventDefault();
    setErr("");
    if(!name.trim()||!email.trim()){setErr("Vui lòng nhập tên và email.");return;}
    if(!password||password.length<6){setErr("Mật khẩu tối thiểu 6 ký tự.");return;}
    setSaving(true);
    try{
      const body={name:name.trim(),email:email.trim(),phone:phone.trim(),password};
      if(!khachMode){
        body.role=role;
        if(isCustomerRole){
          if(activationDate){ body.activationDate=activationDate; }
          if(chosenPkg.days>0){ body.packageDays=chosenPkg.days; }
          else{ if(!customExpiry){setErr("Vui lòng chọn ngày hết hạn.");setSaving(false);return;} body.customExpiry=customExpiry; }
        }
      }
      const nonce=window.wpApiSettings?.nonce||"";
      const r=await fetch(window.location.origin+"/wp-json/ctg/v1/create-member",{
        method:"POST",
        headers:Object.assign({"Content-Type":"application/json"},nonce?{"X-WP-Nonce":nonce}:{}),
        body:JSON.stringify(body)
      });
      const d=await r.json().catch(()=>({}));
      if(!r.ok){ setErr(d.message||"Có lỗi xảy ra, vui lòng thử lại."); setSaving(false); return; }
      setDone({username:d.username});
    }catch(e2){ setErr("Lỗi kết nối: "+e2.message); }
    setSaving(false);
  }

  if(done){
    return <div style={{minHeight:"100vh",display:"flex",alignItems:"center",justifyContent:"center",padding:24}}>
      <div style={{maxWidth:380,width:"100%",textAlign:"center",background:"#fff",border:"1px solid #cbd5e1",borderRadius:16,padding:"28px 24px"}}>
        <div style={{fontSize:36,marginBottom:8}}>✅</div>
        <div style={{fontWeight:800,fontSize:17,marginBottom:8}}>Tạo thành viên thành công!</div>
        <div style={{fontSize:13,color:"#46536a",lineHeight:1.6}}>Tài khoản <b>{done.username}</b> đã được tạo. {khachMode?"Bạn có thể đăng nhập ngay để bắt đầu sử dụng.":"Thành viên có thể đăng nhập bằng email và mật khẩu vừa đặt."}</div>
      </div>
    </div>;
  }

  return <div style={{minHeight:"100vh",background:"radial-gradient(1200px 600px at 50% -10%, #14224d 0%, #060f22 55%)",padding:24}}>
    <div style={{maxWidth:440,margin:"0 auto"}}>
      <div style={{textAlign:"center",marginBottom:20,paddingTop:20}}>
        <div style={{width:52,height:52,margin:"0 auto 10px",borderRadius:14,display:"flex",alignItems:"center",justifyContent:"center",fontSize:26,background:"linear-gradient(135deg,#14224d,#0f172a)"}}>🏋️</div>
        <h1 style={{fontSize:19,fontWeight:800,margin:0}}>{khachMode?"Đăng ký tài khoản":"Thêm thành viên mới"}</h1>
        {!khachMode&&<p style={{color:"#14224d",fontSize:12.5,fontWeight:700,margin:"6px 0 0",background:"#ede9fe",display:"inline-block",padding:"3px 10px",borderRadius:20}}>
          Quyền hạn: {callerBucket==="administrator"?"Quản trị viên":callerBucket==="ctg_quanly"?"Quản lý":"Huấn luyện viên"}
        </p>}
      </div>
      <form onSubmit={submit} className="panel" style={{padding:20}}>
        {err&&<div style={{background:"#fee2e2",color:"#dc2626",borderRadius:8,padding:"8px 12px",fontSize:13,marginBottom:14}}>{err}</div>}
        <label style={{display:"block",fontSize:13,fontWeight:600,marginBottom:5}}>Họ tên</label>
        <input value={name} onChange={e=>setName(e.target.value)} placeholder="Nguyễn Văn A" style={{width:"100%",border:"1px solid #d1d5db",borderRadius:8,padding:"9px 11px",fontSize:14,marginBottom:12,outline:"none",boxSizing:"border-box"}}/>

        <label style={{display:"block",fontSize:13,fontWeight:600,marginBottom:5}}>Email</label>
        <input type="email" value={email} onChange={e=>setEmail(e.target.value)} placeholder="email@example.com" style={{width:"100%",border:"1px solid #d1d5db",borderRadius:8,padding:"9px 11px",fontSize:14,marginBottom:12,outline:"none",boxSizing:"border-box"}}/>

        <label style={{display:"block",fontSize:13,fontWeight:600,marginBottom:5}}>Số điện thoại</label>
        <input value={phone} onChange={e=>setPhone(e.target.value)} placeholder="09xxxxxxxx" style={{width:"100%",border:"1px solid #d1d5db",borderRadius:8,padding:"9px 11px",fontSize:14,marginBottom:12,outline:"none",boxSizing:"border-box"}}/>

        <label style={{display:"block",fontSize:13,fontWeight:600,marginBottom:5}}>Mật khẩu</label>
        <input type="password" value={password} onChange={e=>setPassword(e.target.value)} placeholder="Tối thiểu 6 ký tự" style={{width:"100%",border:"1px solid #d1d5db",borderRadius:8,padding:"9px 11px",fontSize:14,marginBottom:12,outline:"none",boxSizing:"border-box"}}/>

        {!khachMode&&<>
          <label style={{display:"block",fontSize:13,fontWeight:600,marginBottom:5}}>Vai trò</label>
          <select value={role} onChange={e=>setRole(e.target.value)} style={{width:"100%",border:"1px solid #d1d5db",borderRadius:8,padding:"9px 11px",fontSize:14,marginBottom:12,boxSizing:"border-box"}}>
            {roleOptions.map(r=><option key={r} value={r}>{CTG_ROLE_LABELS[r]}</option>)}
          </select>

          {isCustomerRole&&<>
            <label style={{display:"block",fontSize:13,fontWeight:600,marginBottom:5}}>Ngày kích hoạt</label>
            <input type="date" value={activationDate} onChange={e=>setActivationDate(e.target.value)} style={{width:"100%",border:"1px solid #d1d5db",borderRadius:8,padding:"8px 10px",marginBottom:10,fontSize:14}}/>
            <label style={{display:"block",fontSize:13,fontWeight:600,marginBottom:5}}>Gói tập</label>
            <select value={pkgIdx} onChange={e=>setPkgIdx(+e.target.value)} style={{width:"100%",border:"1px solid #d1d5db",borderRadius:8,padding:"9px 11px",fontSize:14,marginBottom:12,boxSizing:"border-box"}}>
              {CTG_PACKAGE_OPTIONS.map((p,i)=><option key={i} value={i}>{p.label}</option>)}
            </select>
            {chosenPkg.days===0&&<>
              <label style={{display:"block",fontSize:13,fontWeight:600,marginBottom:5}}>Ngày hết hạn</label>
              <input type="date" value={customExpiry} onChange={e=>setCustomExpiry(e.target.value)} style={{width:"100%",border:"1px solid #d1d5db",borderRadius:8,padding:"9px 11px",fontSize:14,marginBottom:12,boxSizing:"border-box"}}/>
            </>}
          </>}
        </>}

        <button type="submit" disabled={saving} style={{width:"100%",background:"#14224d",color:"#fff",border:"none",borderRadius:9,padding:"11px 0",fontSize:14,fontWeight:700,cursor:saving?"default":"pointer",marginTop:6}}>
          {saving?"Đang tạo...":(khachMode?"Đăng ký":"Tạo thành viên")}
        </button>
      </form>
    </div>
  </div>;
}

/* ============== APP ============== */
/* ============== BẢNG QUẢN LÝ HLV + KHÁCH HÀNG (chỉ admin/quản lý/hlv) ============== */
function metabolicShort(email,bodyList,workoutList,dailyList){
  const dates=[...new Set((bodyList||[]).filter(b=>b.email===email).map(b=>b.date))].sort();
  if(dates.length<2) return null;
  const r1=dates[0], r2=dates[dates.length-1];
  const bS=bodyOn(email,r1,bodyList), bE=bodyOn(email,r2,bodyList);
  if(!bS||!bE) return null;
  const fatS=bS.weight*bS.bodyfat/100, fatE=bE.weight*bE.bodyfat/100;
  const nd=Math.max(1,dayDiff(r2,r1));
  const theory=(fatE-fatS)*7700/nd;
  const rows=(dailyList||[]).filter(d=>D(d.date)>=D(r1)&&D(d.date)<=D(r2)&&D(d.date)<=D(TODAY));
  const reported=rows.length?rows.reduce((s,d)=>s+(caloActual(d)-tdee(d.email,d.date,d.steps,workoutList,bodyList)),0)/rows.length:0;
  const strong=Math.abs(theory)>=Math.abs(reported);
  // Tái dùng đúng thuật toán MetabolicCard (theory vs reported) — strong = "MẠNH hơn lý thuyết" -> rút gọn thành Tăng, ngược lại Giảm.
  return strong ? {label:"🔥 Tăng",color:"#16a34a"} : {label:"🐢 Giảm",color:"#d97706"};
}
// Tổng hợp dữ liệu tập luyện/ăn uống/trao đổi chất của 1 học viên trong [r1,r2] — dùng cho Bảng quản lý
async function fetchStudentDashboard(s,r1,r2,sessionsTargets,tierMap,batchEntry){
	const uid=s.id;
	if(!uid) return {s,training:null,eating:null,metabolic:null,tier:null,lastActive:null,rate:null,target:null};
	const b=batchEntry||{};
	const meals=Array.isArray(b.meals)?b.meals:[];
	const checkinHistory=Array.isArray(b.dailyCheckin)?b.dailyCheckin:[];
	const goal="";
	const bodyRows=Array.isArray(b.body)?b.body:[];
	const workoutRows=Array.isArray(b.workouts)?b.workouts:[];
	const g=goal||"Giảm mỡ";
  const bodyList=Array.isArray(bodyRows)?bodyRows:[];
  const workoutList=Array.isArray(workoutRows)?workoutRows:[];
  const dailyList=buildDailyHistory(s.email,Array.isArray(meals)?meals:[],checkinHistory,g);
  const rows=dailyList.filter(d=>D(d.date)>=D(r1)&&D(d.date)<=D(r2)&&D(d.date)<=D(TODAY));
  let eating;
  if(!rows.length) eating={label:"Chưa có dữ liệu",color:"#9aa6b6"};
  else{
    const avgIn=rows.reduce((s2,d)=>s2+caloActual(d),0)/rows.length;
    const avgTdee=rows.reduce((s2,d)=>s2+tdee(d.email,d.date,d.steps,workoutList,bodyList),0)/rows.length;
    const ratio=avgTdee?avgIn/avgTdee:0;
    const ev=evalGoal(g,ratio);
    eating={label:ev,color: ev.startsWith("✅")?"#16a34a":ev.startsWith("⚠️")?"#d97706":"#dc2626"};
  }
  const rate=sessionsPerWeekIn(s.email,r1,r2,workoutList);
  const target=sessionsTargets&&sessionsTargets[uid]!=null?sessionsTargets[uid]:null;
  const training=classifyTraining(rate.perWeek,target);
  const metabolic=metabolicShort(s.email,bodyList,workoutList,dailyList);
  const lastMealDate=dailyList.length?dailyList[dailyList.length-1].date:null;
  const workoutDates=workoutList.map(w=>w.date).filter(Boolean).sort();
  const lastWorkoutDate=workoutDates.length?workoutDates[workoutDates.length-1]:null;
  const lastDates=[lastMealDate,lastWorkoutDate].filter(Boolean).sort();
  const lastActive=lastDates.length?lastDates[lastDates.length-1]:null;
  const tier=(tierMap&&tierMap[uid])||null;
  return {s,training,eating,metabolic,tier,lastActive,rate,target};
}
function AssignStudentBox({hlv,hlvs,students,r1,r2,targetsTiers,onClose,onAssigned}){
  const [q,setQ]=useState("");
  const [statusMap,setStatusMap]=useState({});
  const [busyId,setBusyId]=useState(0);
  const [doneId,setDoneId]=useState(0);
  function norm(str){return(str||"").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"");}
  const qn=norm(q);
  // Chỉ tìm theo SĐT khi query là dạng số điện thoại (toàn số + ký tự phân cách) — tránh email chứa số (vd "...174@gmail.com") khớp nhầm SĐT người khác
  const qDigits=/^[\d\s.+()\-]+$/.test(q.trim())?q.replace(/\D/g,""):"";
  const results=(qn.length>1||qDigits.length>2)?students.filter(s=>{
    if(qn.length>1 && (norm(s.name).includes(qn)||norm(s.email).includes(qn))) return true;
    if(qDigits.length>2 && (s.phone||"").replace(/\D/g,"").includes(qDigits)) return true;
    return false;
  }).slice(0,8):[];
  const idsKey=results.map(s=>s.id).filter(Boolean).join(',');
  useEffect(()=>{
    let alive=true;
    if(!idsKey){ setStatusMap({}); return; }
    (async()=>{
      const ids=idsKey.split(',').map(Number);
      const batch=await getDashboardBatch(ids);
      if(!alive) return;
      const rs=await Promise.all(results.map(st=>fetchStudentDashboard(st,r1,r2,targetsTiers.targets,targetsTiers.tiers,batch[st.id])));
      const byEmail={}; rs.forEach(r=>{byEmail[r.s.email]=r;});
      setStatusMap(byEmail);
    })();
    return ()=>{alive=false;};
  },[idsKey]);
  async function assign(s){
    setBusyId(s.id);
    try{
      await apiFetch("student/"+s.id,{method:"POST",body:JSON.stringify({hlvId:hlv.id})});
      setDoneId(s.id);
      onAssigned&&onAssigned();
    }catch(e){ alert("Lỗi: "+e.message); }
    setBusyId(0);
  }
  return <div className="card" style={{padding:"12px 14px",marginTop:8,marginBottom:12,border:"1px dashed #14224d",background:"#f8f9ff"}}>
    <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:8}}>
      <div style={{fontWeight:700,fontSize:13}}>🔎 Thêm học viên cho {hlv.name}</div>
      <button onClick={onClose} style={{fontSize:12,background:"none",border:"none",color:"#6b7280",cursor:"pointer"}}>✕ Đóng</button>
    </div>
    <input autoFocus value={q} onChange={e=>setQ(e.target.value)} placeholder="Nhập tên, email hoặc số điện thoại..." style={{width:"100%",marginBottom:8}}/>
    {q.trim().length>1 && results.length===0 && <div style={{fontSize:12,color:"#9aa6b6",padding:"6px 0"}}>Không tìm thấy học viên phù hợp.</div>}
    {results.map(s=>{
      const d=statusMap[s.email]||{};
      const otherHlv=Number(s.hlvId)>0 && Number(s.hlvId)!==Number(hlv.id) ? hlvs.find(x=>Number(x.id)===Number(s.hlvId)) : null;
      return <div key={s.email} style={{display:"flex",alignItems:"center",gap:10,padding:"8px 0",borderTop:"1px solid #e6ebf2",flexWrap:"wrap"}}>
        <div style={{flex:1,minWidth:140}}>
          <div style={{fontWeight:600,fontSize:13}}>{s.name}</div>
          <div style={{fontSize:11,color:"#9aa6b6"}}>{s.email}{s.phone?(" · "+s.phone):""}</div>
          <div style={{display:"flex",gap:6,flexWrap:"wrap",marginTop:4}}>
            {d.training && <span style={{fontSize:10,background:"#fff",border:"1px solid "+d.training.color,color:d.training.color,padding:"2px 6px",borderRadius:8,whiteSpace:"nowrap"}}>🏋️ {d.training.label}</span>}
            {d.eating && <span style={{fontSize:10,background:"#fff",border:"1px solid "+d.eating.color,color:d.eating.color,padding:"2px 6px",borderRadius:8,whiteSpace:"nowrap"}}>🍱 {d.eating.label}</span>}
            {d.metabolic && <span style={{fontSize:10,background:"#fff",border:"1px solid "+d.metabolic.color,color:d.metabolic.color,padding:"2px 6px",borderRadius:8,whiteSpace:"nowrap"}}>{d.metabolic.label}</span>}
          </div>
          {otherHlv && <div style={{fontSize:11,color:"#d97706",marginTop:4}}>⚠️ Đã thuộc HLV: {otherHlv.name} — bấm vẫn sẽ chuyển sang {hlv.name}</div>}
        </div>
        <button disabled={busyId===s.id} onClick={()=>assign(s)} style={{fontSize:12,background:doneId===s.id?"#16a34a":(otherHlv?"#d97706":"#14224d"),color:"#fff",border:"none",padding:"6px 12px",borderRadius:8,cursor:"pointer",whiteSpace:"nowrap"}}>
          {busyId===s.id?"Đang gán...":doneId===s.id?"✓ Đã gán":(otherHlv?"Chuyển sang HLV này":"Gán cho HLV này")}
        </button>
      </div>;
    })}
  </div>;
}
function HlvTierBadge({t}){
  if(t==='hlv_thu') return <span style={{fontSize:11,fontWeight:700,color:"#b45309",background:"#fef3c7",border:"1px solid #fcd34d",borderRadius:999,padding:"2px 8px",whiteSpace:"nowrap"}}>HLV dùng thử</span>;
  if(t==='hlv') return <span style={{fontSize:11,fontWeight:700,color:"#065f46",background:"#d1fae5",border:"1px solid #6ee7b7",borderRadius:999,padding:"2px 8px",whiteSpace:"nowrap"}}>HLV chính thức</span>;
  return null;
}
function EditMemberBtn({name,email}){
  const can=window.ctgExactRole==='administrator'||window.ctgExactRole==='ctg_quanly';
  if(!can||!email) return null;
  return <button type="button" onClick={e=>{e.stopPropagation();window.__ctgOpenEditMember&&window.__ctgOpenEditMember({name:name,email:email});}} style={{fontSize:11.5,border:"1px solid #e0b020",color:"#0a1330",background:"#d4af37",borderRadius:8,padding:"3px 9px",cursor:"pointer",whiteSpace:"nowrap",fontWeight:700}}>✎ Sửa</button>;
}
function EditMemberModal({target,onClose,onSaved}){
  const isQuanly=window.ctgExactRole==='ctg_quanly';
  const ROLES=[["","— Giữ nguyên vai trò —"],["ctg_hlv","Huấn luyện viên"],["ctg_hlv_thu","HLV dùng thử"],["ctg_khach_vip","Khách hàng (chính thức)"],["ctg_khach","Khách hàng dùng thử"],["ctg_quanly","Quản lý"],["administrator","Quản trị viên (Admin)"]].filter(r=>!(isQuanly&&(r[0]==='administrator'||r[0]==='ctg_quanly')));
  const PKGS=[[0,"— Giữ nguyên gói —"],[30,"1 tháng (30 ngày)"],[90,"3 tháng (90 ngày)"],[180,"6 tháng (180 ngày)"],[365,"12 tháng (365 ngày)"],[-1,"Tùy chỉnh (tự chọn ngày kết thúc)"]];
  const [role,setRole]=useState("");
  const [pkg,setPkg]=useState(0);
  const [act,setAct]=useState("");
  const [aiExp,setAiExp]=useState("");
  const [aiTouched,setAiTouched]=useState(false);
  const [exp,setExp]=useState("");
  const [err,setErr]=useState("");
  const [saving,setSaving]=useState(false);
  const inpSt={width:"100%",border:"1px solid #d1d5db",borderRadius:8,padding:"8px 10px",marginBottom:10,fontSize:14};
  const lblSt={display:"block",fontSize:13,fontWeight:600,marginBottom:4};
  async function save(){
    setSaving(true); setErr("");
    const body={email:target.email};
    if(role) body.role=role;
    if(pkg===-1){ if(!exp){ setErr("Vui lòng chọn ngày kết thúc cho gói tùy chỉnh."); setSaving(false); return; } body.customExpiry=exp; }
    else if(pkg>0) body.packageDays=pkg;
    if(act) body.activationDate=act;
    if(aiTouched) body.aiExpiry=aiExp;
    try{
      const r=await fetch('/wp-json/ctg/v1/update-member',{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application/json','X-WP-Nonce':(window.wpApiSettings&&window.wpApiSettings.nonce)||''},body:JSON.stringify(body)});
      const j=await r.json().catch(()=>null);
      if(!r.ok||!j||!j.ok){ setErr((j&&j.message)||('Lỗi HTTP '+r.status)); setSaving(false); return; }
      onSaved&&onSaved(j);
    }catch(e){ setErr('Không kết nối được máy chủ.'); setSaving(false); }
  }
  return <div style={{position:"fixed",inset:0,background:"rgba(15,23,42,.45)",zIndex:9999,display:"flex",alignItems:"center",justifyContent:"center",padding:16}} onClick={onClose}>
    <div style={{background:"#fff",borderRadius:14,padding:20,width:"100%",maxWidth:420,boxShadow:"0 20px 50px rgba(0,0,0,.25)"}} onClick={e=>e.stopPropagation()}>
      <div style={{fontWeight:800,fontSize:16,marginBottom:2}}>✎ Sửa thành viên</div>
      <div style={{fontSize:13,color:"#64748b",marginBottom:12}}>{target.name} · {target.email}</div>
      <label style={lblSt}>Vai trò</label>
      <select value={role} onChange={e=>setRole(e.target.value)} style={inpSt}>{ROLES.map(r=><option key={r[0]} value={r[0]}>{r[1]}</option>)}</select>
      <label style={lblSt}>Gói tập (tính từ ngày kích hoạt)</label>
      <select value={pkg} onChange={e=>setPkg(+e.target.value)} style={inpSt}>{PKGS.map(p=><option key={p[0]} value={p[0]}>{p[1]}</option>)}</select>
      {pkg===-1?<React.Fragment><label style={lblSt}>Ngày kết thúc gói</label><input type="date" value={exp} onChange={e=>setExp(e.target.value)} style={inpSt}/></React.Fragment>:null}
      <label style={lblSt}>Ngày kích hoạt (bỏ trống = giữ nguyên)</label>
      <input type="date" value={act} onChange={e=>setAct(e.target.value)} style={inpSt}/>
      <label style={lblSt}>🔓 Hết hạn dùng AI (độc lập gói tập — để trống nếu không đổi)</label>
      <input type="date" value={aiExp} onChange={e=>{setAiExp(e.target.value);setAiTouched(true);}} style={inpSt}/>
      <div style={{fontSize:11,color:"#94a3b8",marginTop:-4,marginBottom:8}}>Đặt ngày để mở khóa toàn bộ AI tới ngày đó (kể cả khách dùng thử). Xóa trống rồi lưu để thu hồi quyền AI.</div>
      {err?<div style={{color:"#dc2626",fontSize:13,marginBottom:8}}>{err}</div>:null}
      <div style={{display:"flex",gap:8,justifyContent:"flex-end",marginTop:6}}>
        <button type="button" onClick={onClose} style={{fontSize:14,border:"1px solid #d1d5db",background:"#fff",borderRadius:8,padding:"8px 16px",cursor:"pointer"}}>Đóng</button>
        <button type="button" disabled={saving} onClick={save} style={{fontSize:14,border:"none",background:"#14224d",color:"#fff",borderRadius:8,padding:"8px 16px",cursor:"pointer",opacity:saving?0.6:1}}>{saving?"Đang lưu...":"Lưu thay đổi"}</button>
      </div>
    </div>
  </div>;
}
function InfoMemberBtn({ s, tier, hlvs }) {
  const can = window.ctgExactRole === 'administrator' || window.ctgExactRole === 'ctg_quanly' || window.ctgUserRoleType === 'hlv';
  if (!can) return null;
  return React.createElement('button', {
    type: 'button',
    onClick: function (e) { e.stopPropagation(); window.__ctgOpenInfoMember && window.__ctgOpenInfoMember({ s: s, tier: tier, hlvs: hlvs }); },
    style: { fontSize: 11.5, border: '1px solid #bae6fd', color: '#0369a1', background: '#f0f9ff', borderRadius: 6, padding: '3px 9px', cursor: 'pointer', whiteSpace: 'nowrap', marginLeft: 6 }
  }, 'ℹ️ Thông tin');
}
function StudentRoadmaps({ userId }) {
  const [list, setList] = React.useState(null);
  const [openId, setOpenId] = React.useState(null);
  const nonce = (window.wpApiSettings && window.wpApiSettings.nonce) || '';
  React.useEffect(function(){
    let cancelled = false;
    fetch('/wp-json/ctg/v1/roadmaps?user_id=' + userId + '&_t=' + Date.now(), { credentials: 'same-origin', cache: 'no-store', headers: { 'X-WP-Nonce': nonce } })
      .then(function(r){ return r.ok ? r.json() : []; }).then(function(d){ if(!cancelled) setList(Array.isArray(d) ? d : []); }).catch(function(){ if(!cancelled) setList([]); });
    return function(){ cancelled = true; };
  }, [userId]);
  const row = function(lbl, val){ return React.createElement('div', null, React.createElement('span', { style:{color:'#94a3b8'} }, lbl + ': '), React.createElement('b', null, (val===undefined||val===null||val==='')?'—':String(val))); };
  return React.createElement('div', { style: { marginTop: 14, borderTop: '1px solid #f1f5f9', paddingTop: 12 } },
    React.createElement('div', { style: { fontWeight: 700, fontSize: 14, marginBottom: 8 } }, '🗂️ Lịch sử lên lộ trình'),
    (list === null) ? React.createElement('div', { style:{fontSize:13,color:'#94a3b8'} }, 'Đang tải...') :
    (!list.length) ? React.createElement('div', { style:{fontSize:13,color:'#94a3b8'} }, 'Học viên chưa lưu lộ trình nào.') :
    React.createElement('div', { style:{display:'flex',flexDirection:'column',gap:6,maxHeight:260,overflowY:'auto'} }, list.map(function(it){
      const p = it.payload || {}; const b = p._base || {};
      const dt = String(it.createdAt||'').slice(0,16).replace('T',' '); const open = openId===it.id;
      return React.createElement('div', { key: it.id, style:{border:'1px solid #e2e8f0',borderRadius:8,background:'#fff'} },
        React.createElement('div', { style:{padding:'7px 10px',cursor:'pointer'}, onClick:function(){ setOpenId(open?null:it.id); } },
          React.createElement('div', { style:{fontSize:13,fontWeight:600,color:'#334155'} }, '📅 ' + dt + (open?' ▲':' ▼')),
          React.createElement('div', { style:{fontSize:12,color:'#64748b'} }, 'Cân nặng ' + (p.weight||'?') + 'kg · %Mỡ ' + (p.currentBF||'?') + '% → MT %Mỡ ' + (p.targetBF||'?') + '%, FFMI ' + (p.targetFFMI||'?'))),
        React.createElement('button', { type:'button', onClick:function(e){ e.stopPropagation(); window.open(window.location.origin + '/len-lo-trinh-chi-tiet/?ctg_restore_user=' + userId + '&ctg_restore_id=' + it.id, '_blank'); }, style:{margin:'0 10px 8px',fontSize:11.5,color:'#fff',background:'#14224d',border:'none',borderRadius:6,padding:'4px 10px',cursor:'pointer',fontWeight:600} }, '↩️ Xem lại lộ trình đầy đủ'),
        open ? React.createElement('div', { style:{padding:'0 10px 10px',fontSize:12,color:'#475569',display:'grid',gridTemplateColumns:'1fr 1fr',gap:'2px 12px'} },
          row('Giới tính',p.gender), row('Tuổi',p.age), row('Chiều cao',p.height), row('Cân nặng',p.weight),
          row('%Mỡ hiện tại',p.currentBF), row('FFMI hiện tại', p._ffmi?Math.round(p._ffmi*10)/10:undefined),
          row('MT %Mỡ',p.targetBF), row('MT FFMI',p.targetFFMI), row('BMR', b.bmr?Math.round(b.bmr):undefined), row('TDEE', b.tdee?Math.round(b.tdee):undefined)
        ) : null);
    })));
}
function InfoMemberHost() {
  const [d, setD] = React.useState(null);
  React.useEffect(function () { window.__ctgOpenInfoMember = function (x) { setD(x); }; return function () { window.__ctgOpenInfoMember = null; }; }, []);
  if (!d) return null;
  const s = d.s || {}, tier = d.tier, hlvs = d.hlvs || [];
  const hlv = hlvs.filter(function (h) { return Number(h.id) === Number(s.hlvId); })[0];
  const tierLabel = tier ? (tier.tier === 'khach' ? 'Chính thức' : (tier.tier === 'hlv_thu' ? 'HLV dùng thử' : (tier.tier === 'khach_thu' ? 'Dùng thử' : tier.tier))) : '—';
  const tierExtra = tier ? (tier.isExpired ? ' (đã hết hạn)' : (tier.expiry ? ' · đến ' + tier.expiry : '')) : '';
  const rows = [
    ['Họ tên', s.name || '—'],
    ['Email', s.email || '—'],
    ['Số điện thoại', s.phone || '—'],
    ['Giới tính', s.gender || '—'],
    ['Tuổi', s.age ? String(s.age) : '—'],
    ['Chiều cao', s.height ? (s.height + ' cm') : '—'],
    ['Mục tiêu', s.goal || '—'],
    ['HLV phụ trách', hlv ? hlv.name : 'Chưa có HLV'],
    ['Gói tập', tierLabel + tierExtra],
    ['Ngày đăng ký', s.registeredDate || '—']
  ];
  return React.createElement('div', {
    style: { position: 'fixed', inset: 0, background: 'rgba(15,23,42,.45)', zIndex: 9999, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 16 },
    onClick: function () { setD(null); }
  },
    React.createElement('div', { style: { background: '#fff', borderRadius: 14, padding: 20, width: '100%', maxWidth: 440, boxShadow: '0 20px 50px rgba(0,0,0,.25)' }, onClick: function (e) { e.stopPropagation(); } },
      React.createElement('div', { style: { fontWeight: 800, fontSize: 16, marginBottom: 2 } }, 'ℹ️ Thông tin cá nhân'),
      React.createElement('div', { style: { fontSize: 13, color: '#64748b', marginBottom: 12 } }, s.name || ''),
      React.createElement('div', null, rows.map(function (r, i) {
        return React.createElement('div', { key: i, style: { display: 'flex', padding: '7px 0', borderBottom: i < rows.length - 1 ? '1px solid #f1f5f9' : 'none' } },
          React.createElement('div', { style: { width: 130, color: '#64748b', fontSize: 13, flexShrink: 0 } }, r[0]),
          React.createElement('div', { style: { fontSize: 14, fontWeight: 600, color: '#1e293b', wordBreak: 'break-word' } }, r[1]));
      })),
      React.createElement(StudentRoadmaps, { userId: s.id }),
      React.createElement('div', { style: { display: 'flex', justifyContent: 'flex-end', marginTop: 14 } },
        React.createElement('button', { type: 'button', onClick: function () { setD(null); }, style: { fontSize: 14, border: '1px solid #d1d5db', background: '#fff', borderRadius: 8, padding: '8px 18px', cursor: 'pointer' } }, 'Đóng')))
  );
}
function EditMemberHost(){
  const [target,setTarget]=useState(null);
  useEffect(()=>{ window.__ctgOpenEditMember=(t)=>setTarget(t); return ()=>{ window.__ctgOpenEditMember=null; }; },[]);
  if(!target) return null;
  return <EditMemberModal target={target} onClose={()=>setTarget(null)} onSaved={()=>{ setTarget(null); window.location.reload(); }}/>;
}
function ManagementDashboard({roleType,onClose,onViewStudent}){
  const [hlvs,setHlvs]=useState(null);
  const [students,setStudents]=useState(null);
  const [dataByEmail,setDataByEmail]=useState({});
  const [loading,setLoading]=useState(true);
  const [myId,setMyId]=useState(0);
  const [myEmail,setMyEmail]=useState("");
  const [q,setQ]=useState("");
  const renderPkg=(id)=>{const T=(targetsTiers&&targetsTiers.tiers)?targetsTiers.tiers[id]:null;if(!T||!T.tier)return null;const isTrial=T.tier==='khach_thu'||T.tier==='hlv_thu';const label=T.tier==='khach'?'Chính thức':(T.tier==='hlv_thu'?'HLV thử':'Dùng thử');let extra='',bg,col,bd;if(T.isExpired){extra=' · Hết hạn';bg='#fef2f2';col='#dc2626';bd='#fecaca';}else{if(T.expiry){const dd=Math.ceil((new Date(T.expiry)-new Date())/86400000);extra=' · còn '+(dd>0?dd:0)+' ngày';}if(isTrial){bg='#fffbeb';col='#b45309';bd='#fde68a';}else{bg='#ecfdf5';col='#047857';bd='#a7f3d0';}}return React.createElement('span',{style:{marginLeft:6,fontSize:10.5,fontWeight:600,color:col,background:bg,border:'1px solid '+bd,borderRadius:999,padding:'1px 8px',verticalAlign:'middle',whiteSpace:'nowrap'}},label+extra);};
  const [filterHlv,setFilterHlv]=useState("");
  const [filterStatus,setFilterStatus]=useState("");
  const [expandedHlv,setExpandedHlv]=useState({});
  const [hlvPage,setHlvPage]=useState({});
  const [addingTo,setAddingTo]=useState(null);
  const [expandedFree,setExpandedFree]=useState(false);
  const [freePage,setFreePage]=useState(1);
  const [freeRegMap,setFreeRegMap]=useState({});
  const [freeLoadedPages,setFreeLoadedPages]=useState({});
  const [targetsTiers,setTargetsTiers]=useState({targets:{},tiers:{}});
  const [r1,setR1]=useState(iso(addDays(D(TODAY),-6)));
  const [r2,setR2]=useState(TODAY);
  async function saveTarget(uid,email,n){
    try{ await postSessionsTarget(uid,n); }catch(e){}
    setDataByEmail(prev=>{
      const d=prev[email]; if(!d) return prev;
      const rate=d.rate||{count:0,perWeek:0};
      const training=classifyTraining(rate.perWeek,n);
      return {...prev,[email]:{...d,target:n,training}};
    });
  }

  useEffect(()=>{
    fetch(window.location.origin+"/wp-json/wp/v2/users/me?context=edit",{credentials:"include",headers:{"X-WP-Nonce":window.wpApiSettings?.nonce||""}})
      .then(r=>r.ok?r.json():Promise.reject()).then(u=>{setMyId(u.id||0);setMyEmail(u.email||"");})
      .catch(()=>{
         fetch(window.location.origin+"/wp-json/ctg/v1/my-tier?_t="+Date.now(),{credentials:"include",cache:"no-store"})
           .then(r=>r.ok?r.json():Promise.reject())
           .then(u=>{setMyId(u.id||0);setMyEmail(u.email||"");})
           .catch(()=>setMyId(0));
      });
  },[]);

  useEffect(()=>{
    let cancelled=false;
    Promise.all([apiFetch('hlvs').catch(()=>[]),apiFetch('students').catch(()=>[]),getAllSessionsTargets(),getAllMembersTier()])
      .then(([h,s,targets,tiers])=>{
        if(cancelled) return;
        setHlvs(Array.isArray(h)?h:[]);
        setStudents(Array.isArray(s)?s:[]);
        setTargetsTiers({targets,tiers});
      }).catch(()=>{});
    return ()=>{cancelled=true;};
  },[]);

  useEffect(()=>{
    if(!hlvs || !students) return;
    let cancelled=false;
    setLoading(true);
    (async()=>{
      const assignedIdSet=new Set(hlvs.map(hh=>String(hh.id)));
      const assignedStudents=students.filter(st=>assignedIdSet.has(String(st.hlvId)));
      const allIds = assignedStudents.map(st=>st.id).filter(Boolean);
      hlvs.forEach(h => { if(h.id) allIds.push(h.id); });
      const batch = await getDashboardBatch(allIds);
      
      const allToFetch = [...students];
      hlvs.forEach(h => allToFetch.push({ id: h.id, email: h.email, name: h.name, hlvId: h.id }));
      const results=await Promise.all(allToFetch.map(st=>fetchStudentDashboard(st,r1,r2,targetsTiers.targets,targetsTiers.tiers,batch[st.id])));
      
      if(cancelled) return;
      const byEmail={}; results.forEach(r=>{byEmail[r.s.email]=r;});
      setDataByEmail(byEmail);
      setLoading(false);
    })().catch(()=>{ if(!cancelled) setLoading(false); });
    return ()=>{cancelled=true;};
  },[hlvs, students, r1, r2, targetsTiers]);

  useEffect(()=>{
    setFreeLoadedPages({});
  },[r1,r2,q,filterStatus,filterHlv]);

  const freeQn=norm(q);
  const freeQDigits=(q||"").replace(/\D/g,"");
  const freeAssignedIds=new Set((hlvs||[]).map(hh=>String(hh.id)));
  let freeListFiltered=(students||[]).filter(s=>!freeAssignedIds.has(String(s.hlvId)));
  if(filterHlv) freeListFiltered=[];
  if(freeQn) freeListFiltered=freeListFiltered.filter(s=>norm(s.name).includes(freeQn)||norm(s.email).includes(freeQn)||(freeQDigits.length>2&&String(s.phone||"").replace(/\D/g,"").includes(freeQDigits)));
  if(filterStatus) freeListFiltered=freeListFiltered.filter(s=>{
    const d=dataByEmail[s.email]; if(!d) return false;
    return filterStatus==='warn' ? isWarnRow(d) : !isWarnRow(d);
  });
  const freeSorted=[...freeListFiltered].sort((a,b)=>{
    const ra=freeRegMap[a.id]?new Date(freeRegMap[a.id]).getTime():0;
    const rb=freeRegMap[b.id]?new Date(freeRegMap[b.id]).getTime():0;
    return rb-ra;
  });
  const freeTotalPages=Math.max(1, Math.ceil(freeSorted.length/10));
  const freePageClamped=Math.min(freePage, freeTotalPages);
  const freePageItems=freeSorted.slice((freePageClamped-1)*10, freePageClamped*10);
  const freePageIdsKey=freePageItems.map(s=>s.id).join(',');

  useEffect(()=>{
    if(!expandedFree || !students || !hlvs) return;
    const idsNeedingReg=freeListFiltered.filter(s=>freeRegMap[s.id]===undefined).map(s=>s.id).filter(Boolean);
    if(idsNeedingReg.length){
      getUsersRegistered(idsNeedingReg).then(map=>{
        setFreeRegMap(prev=>({...prev,...map}));
      }).catch(()=>{});
    }
  },[expandedFree, students, hlvs, freeListFiltered.length]);

  useEffect(()=>{
    if(!expandedFree) return;
    if(freeLoadedPages[freePageClamped]) return;
    const ids=freePageItems.map(s=>s.id).filter(Boolean);
    if(!ids.length) return;
    getDashboardBatch(ids).then(batch=>{
      Promise.all(freePageItems.map(st=>fetchStudentDashboard(st,r1,r2,targetsTiers.targets,targetsTiers.tiers,batch[st.id]))).then(results=>{
        setDataByEmail(prev=>{
          const next={...prev};
          results.forEach(r=>{next[r.s.email]=r;});
          return next;
        });
        setFreeLoadedPages(prev=>({...prev,[freePageClamped]:true}));
      });
    }).catch(()=>{});
  },[expandedFree, freePageClamped, freePageIdsKey, r1, r2]);

  if(loading||hlvs===null||students===null) return <div style={{textAlign:"center",padding:"20vh 0",color:"#9aa6b6",fontSize:14}}>⏳ Đang tải dữ liệu quản lý...</div>;

  const visibleHlvs = roleType==='admin' ? hlvs : hlvs.filter(h=>Number(h.id)===Number(myId));
  function norm(str){return(str||"").toLowerCase().normalize("NFD").replace(/\p{M}/gu,"");}
  const qn=norm(q);
  const qDigits=(q||"").replace(/\D/g,"");
  const badColors=["#dc2626","#d97706"];
  const isWarnRow=d=>!!(d&&((d.training&&badColors.includes(d.training.color))||(d.eating&&badColors.includes(d.eating.color))));

  const groups=visibleHlvs.map(h=>{
    let list=students.filter(s=>Number(s.hlvId)===Number(h.id));
    list.unshift({ id: h.id, email: h.email, name: h.name + " (Coach)", hlvId: h.id, isSelf: true });
    const hlvMatch = qn ? (norm(h.name).includes(qn)||norm(h.email).includes(qn)||(qDigits.length>2&&String(h.phone||"").replace(/\D/g,"").includes(qDigits))) : false;
    if(filterHlv && String(h.id)!==filterHlv) list=[];
    if(qn&&!hlvMatch) list=list.filter(s=>norm(s.name).includes(qn)||norm(s.email).includes(qn)||(qDigits.length>2&&String(s.phone||"").replace(/\D/g,"").includes(qDigits)));
    if(filterStatus) list=list.filter(s=>{
      const d=dataByEmail[s.email]; if(!d) return false;
      return filterStatus==='warn' ? isWarnRow(d) : !isWarnRow(d);
    });
    return {h,list,hlvMatch};
  }).filter(g=>g.list.length>0 || g.hlvMatch || (!qn&&!filterStatus));

  const myStudentsList = roleType==='admin' ? students : students.filter(s=>Number(s.hlvId)===Number(myId));
  const totalStudents=myStudentsList.length, totalHlv=visibleHlvs.length;
  let goodCount=0, warnCount=0;
  myStudentsList.forEach(s=>{ const d=dataByEmail[s.email]; if(!d) return; if(isWarnRow(d)) warnCount++; else goodCount++; });

  return <div>
    <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:14,flexWrap:"wrap",gap:8}}>
      <div style={{fontWeight:800,fontSize:18}}>📊 Quản lý HLV & khách hàng</div><button onClick={function(){onViewStudent({hlvId:myId,email:'__self__@ctg',realEmail:myEmail});}} style={{background:'#f59e0b',border:'none',color:'#fff',fontWeight:700,fontSize:13,padding:'6px 14px',borderRadius:8,cursor:'pointer'}}>⭐ Tôi (theo dõi bản thân)</button>
      <EditMemberHost/><InfoMemberHost/>
      {onClose && <button className="tabbtn" style={{background:"#0a1325",border:"1px solid #cbd5e1",color:"#46536a",fontSize:12,padding:"6px 12px"}} onClick={onClose}>← Về trang chủ</button>}
    </div>
    <div style={{display:"flex",gap:8,marginBottom:14,flexWrap:"wrap",alignItems:"flex-end"}}>
      <div><label style={{fontSize:12,color:"#6b7280"}}>Từ ngày</label><input type="date" value={r1} onChange={e=>setR1(e.target.value)}/></div>
      <div><label style={{fontSize:12,color:"#6b7280"}}>Đến ngày</label><input type="date" value={r2} onChange={e=>setR2(e.target.value)}/></div>
      <span style={{fontSize:12,color:"#9aa6b6",paddingBottom:8}}>(áp dụng cho buổi tập/tuần và dinh dưỡng của tất cả khách hàng)</span>
    </div>
    <div style={{display:"flex",gap:8,marginBottom:14,flexWrap:"wrap"}}>
      <input placeholder="🔎 Tìm học viên hoặc HLV" value={q} onChange={e=>setQ(e.target.value)} style={{flex:1,minWidth:180}}/>
      <select value={filterHlv} onChange={e=>setFilterHlv(e.target.value)} style={{width:"auto"}}>
        <option value="">Tất cả HLV</option>
        {visibleHlvs.map(h=><option key={h.id} value={String(h.id)}>{h.name}</option>)}
      </select>
      <select value={filterStatus} onChange={e=>setFilterStatus(e.target.value)} style={{width:"auto"}}>
        <option value="">Tất cả trạng thái</option>
        <option value="warn">Cần chú ý</option>
        <option value="good">Đang tốt</option>
      </select>
    </div>
    <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(140px,1fr))",gap:12,marginBottom:20}}>
      <Stat label="Huấn luyện viên" value={totalHlv} unit=""/>
      <Stat label="Khách hàng" value={totalStudents} unit=""/>
      <Stat label="Đang tốt" value={goodCount} unit="" accent="#16a34a"/>
      <Stat label="Cần chú ý" value={warnCount} unit="" accent="#dc2626"/>
    </div>
    {groups.length===0 && <Empty msg="Không tìm thấy học viên/HLV phù hợp"/>}
    {groups.map(({h,list})=>{
      const hp=hlvPage[h.id]||1;
      const hTotalPages=Math.max(1, Math.ceil(list.length/10));
      const hPageClamped=Math.min(hp, hTotalPages);
      const hPageItems=list.slice((hPageClamped-1)*10, hPageClamped*10);
      return (
      <div key={h.id} className="card" style={{padding:"14px 16px",marginBottom:12}}>
        <div style={{display:"flex",alignItems:"center",gap:10,marginBottom:(expandedHlv[h.id]?10:0),cursor:"pointer",userSelect:"none"}} onClick={()=>setExpandedHlv(prev=>({...prev,[h.id]:!prev[h.id]}))}>
          <div style={{width:36,height:36,borderRadius:"50%",background:"#f0f4f8",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700,fontSize:13,color:"#14224d"}}>{(h.name||"?").slice(0,1).toUpperCase()}</div>
          <div style={{fontWeight:700,fontSize:15,flex:1,display:"flex",alignItems:"center",gap:8}}><span style={{fontWeight:h.registeredToday?800:undefined, cursor:onViewStudent?"pointer":"default", color:onViewStudent?"#14224d":undefined, textDecoration:onViewStudent?"underline":"none"}} onClick={(e)=>{ if(onViewStudent){ e.stopPropagation(); onViewStudent({hlvId:h.id, email:'__self__@ctg', realEmail:h.email}); } }}>{h.name}</span>{h.registeredToday?<span style={{marginLeft:6,fontSize:11,fontWeight:800,color:"#ffffff",background:"#22c55e",borderRadius:999,padding:"2px 9px",verticalAlign:"middle",boxShadow:"0 0 0 1.5px #4ade80, 0 0 8px rgba(34,197,94,.6)"}}>Mới</span>:null}<HlvTierBadge t={h.roleTier}/><EditMemberBtn name={h.name} email={h.email}/></div>
          <span style={{fontSize:12,background:"#f1f5f9",color:"#6b7280",padding:"3px 10px",borderRadius:8}}>{Math.max(0, list.length-1)} học viên</span>
          <button onClick={(e)=>{e.stopPropagation();setAddingTo(addingTo===h.id?null:h.id);}} style={{fontSize:11,background:addingTo===h.id?"#0f172a":"#14224d",color:"#fff",border:"none",padding:"4px 10px",borderRadius:8,cursor:"pointer",whiteSpace:"nowrap",fontWeight:600}}>{addingTo===h.id?"✕ Đóng":"+ Thêm học viên"}</button>
          <span style={{display:"inline-block",fontSize:11,color:"#9aa6b6",transition:"transform .15s",transform:expandedHlv[h.id]?"rotate(90deg)":"rotate(0deg)"}}>▶</span>
        </div>
        {(!!expandedHlv[h.id]||qn) && <>
        {hPageItems.map(s=>{
          const d=dataByEmail[s.email]||{};
          return <div key={s.email} style={{display:"flex",alignItems:"center",gap:10,padding:"10px 0",borderTop:"1px solid #e6ebf2",flexWrap:"wrap"}}>
            <div style={{width:32,height:32,borderRadius:"50%",background:"#f1f5f9",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700,fontSize:12,color:"#6b7280",flexShrink:0}}>{(s.name||"?").slice(0,1).toUpperCase()}</div>
            <div style={{flex:1,minWidth:120}}>
              <div style={{fontSize:14,fontWeight:600,cursor:onViewStudent?"pointer":"default",color:onViewStudent?"#14224d":undefined,textDecoration:onViewStudent?"underline":"none"}} onClick={()=>onViewStudent&&onViewStudent(s)}><span style={{fontWeight:s.registeredToday?800:undefined}}>{s.name}</span>{s.registeredToday?<span style={{marginLeft:6,fontSize:11,fontWeight:800,color:"#ffffff",background:"#22c55e",borderRadius:999,padding:"2px 9px",verticalAlign:"middle",boxShadow:"0 0 0 1.5px #4ade80, 0 0 8px rgba(34,197,94,.6)"}}>Mới</span>:null}{renderPkg(s.id)}</div><EditMemberBtn name={s.name} email={s.email}/><InfoMemberBtn s={s} tier={(targetsTiers&&targetsTiers.tiers)?targetsTiers.tiers[s.id]:null} hlvs={hlvs}/>
              <div style={{fontSize:12,color:"#9aa6b6"}}>{d.lastActive?"Check-in gần nhất: "+fmtD(d.lastActive):"Chưa có check-in"}</div>
            </div>
            {d.tier && <span style={{fontSize:11,background:d.tier.tier==='khach'?"#f0f4f8":"#f1f5f9",color:d.tier.tier==='khach'?"#14224d":"#6b7280",padding:"3px 8px",borderRadius:8,whiteSpace:"nowrap"}}>{d.tier.tier==='khach'?"VIP":"Dùng thử"}{d.tier.isExpired?" (hết hạn)":""}</span>}
            {d.training && <span style={{fontSize:11,background:"#fff",border:"1px solid "+d.training.color,color:d.training.color,padding:"3px 8px",borderRadius:8,whiteSpace:"nowrap"}}>🏋️ {d.training.label}</span>}
        {d.rate && <span style={{fontSize:11,color:"#6b7280",display:"flex",alignItems:"center",gap:4,whiteSpace:"nowrap"}}>{d.rate.perWeek.toFixed(1)}/tuần <input type="number" min="0" step="0.5" defaultValue={d.target==null?'':d.target} placeholder="MT" onBlur={e=>{const n=parseFloat(e.target.value);if(!isNaN(n)&&n>=0)saveTarget(s.id,s.email,n);}} style={{width:32,fontSize:11,padding:"1px 3px",border:"1px solid #d1d5db",borderRadius:4}}/></span>}
            {d.eating && <span style={{fontSize:11,background:"#fff",border:"1px solid "+d.eating.color,color:d.eating.color,padding:"3px 8px",borderRadius:8,whiteSpace:"nowrap",maxWidth:220,overflow:"hidden",textOverflow:"ellipsis"}}>🍱 {d.eating.label}</span>}
            {d.metabolic && <span style={{fontSize:11,background:"#fff",border:"1px solid "+d.metabolic.color,color:d.metabolic.color,padding:"3px 8px",borderRadius:8,whiteSpace:"nowrap"}}>{d.metabolic.label}</span>}
          </div>;
        })}
        {hTotalPages>1 && <div style={{display:"flex",gap:6,flexWrap:"wrap",marginTop:10,justifyContent:"center"}}>
          {Array.from({length:hTotalPages}).map((_,idx)=>{
            const p=idx+1;
            return <button key={p} onClick={()=>setHlvPage(prev=>({...prev,[h.id]:p}))} style={{minWidth:30,height:30,borderRadius:6,border:p===hPageClamped?"1px solid #14224d":"1px solid #d1d5db",background:p===hPageClamped?"#14224d":"#fff",color:p===hPageClamped?"#fff":"#374151",fontSize:13,cursor:"pointer"}}>{p}</button>;
          })}
        </div>}
        </>}
        {addingTo===h.id && <AssignStudentBox hlv={h} hlvs={hlvs} students={students} r1={r1} r2={r2} targetsTiers={targetsTiers} onClose={()=>setAddingTo(null)} onAssigned={()=>{apiFetch('students').catch(()=>[]).then(s=>setStudents(Array.isArray(s)?s:[]));}} />}
      </div>
      );
    })}
    {(function(){
      if(roleType!=='admin')return null;
      const renderRow = s => {
        const d=dataByEmail[s.email]||{};
        return <div key={s.email} style={{display:"flex",alignItems:"center",gap:10,padding:"10px 0",borderTop:"1px solid #e6ebf2",flexWrap:"wrap"}}>
          <div style={{width:32,height:32,borderRadius:"50%",background:"#f1f5f9",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700,fontSize:12,color:"#6b7280",flexShrink:0}}>{(s.name||"?").slice(0,1).toUpperCase()}</div>
          <div style={{flex:1,minWidth:120}}>
            <div style={{fontSize:14,fontWeight:600,cursor:onViewStudent?"pointer":"default",color:onViewStudent?"#14224d":undefined,textDecoration:onViewStudent?"underline":"none"}} onClick={()=>onViewStudent&&onViewStudent(s)}><span style={{fontWeight:s.registeredToday?800:undefined}}>{s.name}</span>{s.registeredToday?<span style={{marginLeft:6,fontSize:11,fontWeight:800,color:"#ffffff",background:"#22c55e",borderRadius:999,padding:"2px 9px",verticalAlign:"middle",boxShadow:"0 0 0 1.5px #4ade80, 0 0 8px rgba(34,197,94,.6)"}}>Mới</span>:null}{renderPkg(s.id)}</div><EditMemberBtn name={s.name} email={s.email}/><InfoMemberBtn s={s} tier={(targetsTiers&&targetsTiers.tiers)?targetsTiers.tiers[s.id]:null} hlvs={hlvs}/>
            <div style={{fontSize:12,color:"#9aa6b6"}}>{d.lastActive?"Check-in gần nhất: "+fmtD(d.lastActive):"Chưa có check-in"}</div>
          </div>
          {d.training && <span style={{fontSize:11,background:"#fff",border:"1px solid "+d.training.color,color:d.training.color,padding:"3px 8px",borderRadius:8,whiteSpace:"nowrap"}}>🏋️ {d.training.label}</span>}
        {d.rate && <span style={{fontSize:11,color:"#6b7280",display:"flex",alignItems:"center",gap:4,whiteSpace:"nowrap"}}>{d.rate.perWeek.toFixed(1)}/tuần <input type="number" min="0" step="0.5" defaultValue={d.target==null?'':d.target} placeholder="MT" onBlur={e=>{const n=parseFloat(e.target.value);if(!isNaN(n)&&n>=0)saveTarget(s.id,s.email,n);}} style={{width:32,fontSize:11,padding:"1px 3px",border:"1px solid #d1d5db",borderRadius:4}}/></span>}
          {d.eating && <span style={{fontSize:11,background:"#fff",border:"1px solid "+d.eating.color,color:d.eating.color,padding:"3px 8px",borderRadius:8,whiteSpace:"nowrap",maxWidth:220,overflow:"hidden",textOverflow:"ellipsis"}}>🍱 {d.eating.label}</span>}
          {d.metabolic && <span style={{fontSize:11,background:"#fff",border:"1px solid "+d.metabolic.color,color:d.metabolic.color,padding:"3px 8px",borderRadius:8,whiteSpace:"nowrap"}}>{d.metabolic.label}</span>}
        </div>;
      };
      if(freeListFiltered.length===0) return null;
      return <div className="card" style={{padding:"14px 16px",marginBottom:12,border:"1px dashed #cbd5e1"}}>
        <div style={{display:"flex",alignItems:"center",gap:10,cursor:"pointer"}} onClick={()=>setExpandedFree(v=>!v)}>
          <div style={{width:36,height:36,borderRadius:"50%",background:"#fef3c7",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700,fontSize:13,color:"#b45309"}}>👤</div>
          <div style={{fontWeight:700,fontSize:15,flex:1}}>Khách hàng tự do (chưa có HLV)</div>
          <span style={{fontSize:12,background:"#f1f5f9",color:"#6b7280",padding:"3px 10px",borderRadius:8}}>{freeListFiltered.length} người</span>
          <span style={{fontSize:16,color:"#9aa6b6"}}>{expandedFree?"▼":"▶"}</span>
        </div>
        {(expandedFree||qn) && <div style={{marginTop:10}}>
          {freePageItems.map(renderRow)}
          {freeTotalPages>1 && <div style={{display:"flex",gap:6,flexWrap:"wrap",marginTop:10,justifyContent:"center"}}>
            {Array.from({length:freeTotalPages}).map((_,idx)=>{
              const p=idx+1;
              return <button key={p} onClick={()=>setFreePage(p)} style={{minWidth:30,height:30,borderRadius:6,border:p===freePageClamped?"1px solid #14224d":"1px solid #d1d5db",background:p===freePageClamped?"#14224d":"#fff",color:p===freePageClamped?"#fff":"#374151",fontSize:13,cursor:"pointer"}}>{p}</button>;
            })}
          </div>}
        </div>}
      </div>;
    })()}
  </div>;
}
function App(){
  const [roleTypeRaw,setRoleType]=useState(window.ctgUserRoleType||'');
  const [memberTierRaw,setMemberTier]=useState(window.ctgMemberTier||'');
  const [trialExpiredRaw,setTrialExpired]=useState(!!window.ctgIsExpired);
  useEffect(()=>{
    if(roleTypeRaw) return;
    var t=setInterval(()=>{if(window.ctgUserRoleType){
      setRoleType(window.ctgUserRoleType);
      setMemberTier(window.ctgMemberTier||'');
      setTrialExpired(!!window.ctgIsExpired);
      clearInterval(t);
    }},150);
    return ()=>clearInterval(t);
  },[]);
  const roleType=roleTypeRaw, memberTier=memberTierRaw, trialExpired=trialExpiredRaw;
  const isCustomerRole = roleType==="khach_thu"||roleType==="khach";
  const [selfInfo,setSelfInfo]=useState(null); const [selfError,setSelfError]=useState(false); // {id,email,name} — danh tính thật khi Khách hàng tự đăng nhập
  useEffect(()=>{
    if(!isCustomerRole) return;
    fetch(window.location.origin+"/wp-json/wp/v2/users/me?context=edit",{credentials:"include",headers:{"X-WP-Nonce":window.wpApiSettings?.nonce||""}})
      .then(r=>r.ok?r.json():Promise.reject()).then(u=>setSelfInfo({id:u.id,email:u.email,name:u.name})).catch(()=>{ fetch(window.location.origin+"/wp-json/ctg/v1/my-tier?_t="+Date.now(),{credentials:"include",cache:"no-store"}).then(r=>r.ok?r.json():Promise.reject()).then(u=>{ if(u&&u.id){ setSelfInfo({id:u.id,email:u.email,name:u.name}); } else { setSelfError(true); } }).catch(()=>setSelfError(true)); });
  },[isCustomerRole]);
  const [selectedHLV,setSelectedHLV]=useState(null);
  /* ctgAutoSelfHLV: HLV (ca hlv_thu) tu chon chinh minh de picker tai hoc vien */
  useEffect(()=>{
    if(roleType!=='hlv'||selectedHLV) return;
    fetch(window.location.origin+'/wp-json/wp/v2/users/me?context=edit',{credentials:'include',headers:{'X-WP-Nonce':(window.wpApiSettings&&window.wpApiSettings.nonce)||window.ctgNonce||''}})
      .then(r=>r.ok?r.json():Promise.reject())
      .then(u=>{if(u&&u.id) setSelectedHLV({id:u.id, email:u.email, name:u.name});})
      .catch(()=>{
        fetch(window.location.origin+'/wp-json/ctg/v1/my-tier?_t='+Date.now(),{credentials:'include',cache:'no-store'})
          .then(r=>r.ok?r.json():Promise.reject())
          .then(u=>{if(u&&u.id) setSelectedHLV({id:u.id, email:u.email, name:u.name});})
          .catch(()=>{});
      });
  },[roleType,selectedHLV]);
  const [hlvStudents,setHlvStudents]=useState(null);
  const [studentOverrides,setStudentOverrides]=useState({});
  const [user,setUser]=useState(ADMIN.email);
  useEffect(()=>{ if(isCustomerRole&&selfInfo&&selfInfo.email) setUser(selfInfo.email); },[isCustomerRole,selfInfo]);
  const [tab,setTab]=useState(0);
  const isAdmin = isCustomerRole ? false : (roleType === 'admin' || roleType === 'hlv' || ADMINS.includes(user));
  const [picked,setPicked]=useState("");
  const [jumpEmail,setJumpEmail]=useState("");
  const [dataKey,setDataKey]=useState(0);
  const reloadData=()=>setDataKey(k=>k+1);
  useEffect(()=>{
    if(!selectedHLV) return;
    apiFetch('students').then(all=>{
      const mapped=all.filter(s=>Number(s.hlvId)===Number(selectedHLV.id))
        .map(s=>({
          id: s.id,
          email: s.email,
          name: s.name,
          goal: s.goal || s.ctg_goal || '',
          plan: s.plan || s.ctg_plan || '',
          giaoAn: s.giaoAn || s.giao_an || s.ctg_giao_an || '',
          giaoAn: s.giaoAn || s.ctg_giao_an || s.ctg_giaoAn || '',
          start: s.start || s.ctg_start || '',
          end: s.end || s.ctg_end || '',
          gender: s.gender || s.ctg_gender || '',
          age: s.age || s.ctg_age || 0
        }));
      const selfEmail=selectedHLV.email||'__self__@ctg';
      const hlvInAll=all.find(x=>x.email===selfEmail);
      const isViewerAdmin = roleType === 'admin';
      const __self={
        id:selectedHLV.id,
        email:selfEmail,
        name: isViewerAdmin ? `⭐ HLV: ${hlvInAll ? hlvInAll.name : (selectedHLV.name || 'Tôi')}` : '⭐ Tôi',
        goal: hlvInAll ? (hlvInAll.goal || hlvInAll.ctg_goal || 'Theo dõi bản thân') : 'Theo dõi bản thân',
        plan: hlvInAll ? (hlvInAll.plan || hlvInAll.ctg_plan || '') : '',
        giaoAn: hlvInAll ? (hlvInAll.giaoAn || hlvInAll.giao_an || hlvInAll.ctg_giao_an || '') : '',
        start: hlvInAll ? (hlvInAll.start || hlvInAll.ctg_start || '') : '',
        end: hlvInAll ? (hlvInAll.end || hlvInAll.ctg_end || '') : '',
        gender: hlvInAll ? (hlvInAll.gender || hlvInAll.ctg_gender || '') : '',
        age: hlvInAll ? (hlvInAll.age || hlvInAll.ctg_age || 0) : 0
      };
      mapped.unshift(__self);setHlvStudents(mapped);
      const jt2=mapped.find(function(x){return x.email===jumpEmail||(jumpEmail==='__self__@ctg'&&x.id===selectedHLV.id);});
      if(jt2){
        setPicked(jt2.email);
        setJumpEmail('');
      } else if (picked && mapped.some(x => x.email === picked)) {
        // Giữ nguyên học viên đang chọn
      } else if(mapped.length>0) {
        setPicked(mapped[0].email);
      }
    }).catch(()=>{});
  },[selectedHLV, tab, dataKey, picked]);
  const effStudents=(hlvStudents||[]).map(s => {
    if(studentOverrides[s.email]) return {...s, ...studentOverrides[s.email]};
    return s;
  });
  const pickedStudent=effStudents.find(s=>s.email===picked);
  const viewUserId=isAdmin?(pickedStudent?.id||0):0;
  const isRealWpUser=!!roleType;
  const [serverWorkouts,setServerWorkouts]=useState(null);
  const [serverBody,setServerBody]=useState(null);
  useEffect(()=>{
    if(!isRealWpUser&&viewUserId===0){setServerWorkouts(null);setServerBody(null);return;}
    const uid=viewUserId>0?'?user_id='+viewUserId:'';
    // Từng request tự bắt lỗi riêng — 1 endpoint lỗi không được kéo sập cả 2 tab (trước đây null → khóa nút Lưu vĩnh viễn)
    Promise.all([
      apiFetch('workouts'+uid).catch(e=>{console.error('[CTG] Lỗi tải workouts:',e);return [];}),
      apiFetch('body'+uid).catch(e=>{console.error('[CTG] Lỗi tải body:',e);return [];}),
      apiFetch('body-photos'+uid).catch(()=>({}))
    ])
      .then(([w,b,photos])=>{
        setServerWorkouts(Array.isArray(w)?w:[]);
        const bArr=Array.isArray(b)?b:[];
        // Endpoint /body gốc không trả img1/2/3 (SELECT liệt kê cột cụ thể) -> ghép ảnh từ /body-photos theo id bản ghi.
        if(bArr&&photos&&typeof photos==='object'){
          bArr.forEach(row=>{
            const ph=photos[row.id];
            if(ph){ row.img1=ph.img1||""; row.img2=ph.img2||""; row.img3=ph.img3||""; }
          });
        }
        setServerBody(bArr);
      })
      .catch(()=>{});
  },[viewUserId,isRealWpUser,dataKey]);
  const email = isAdmin ? picked : user;
  const isPopup = typeof window!=='undefined' && new URLSearchParams(window.location.search).get('ctg_popup')==='1';
  if(isPopup) return <AddMemberForm/>;
  // Bảng quản lý HLV + khách hàng — chỉ admin/quản lý (roleType 'admin', đã gộp chung) và HLV thường (chỉ thấy học viên của mình)
  const isManagementView = typeof window!=='undefined' && new URLSearchParams(window.location.search).get('ctg_view')==='quanly';
  if(isManagementView && (roleType==='admin'||roleType==='hlv')) return <ManagementDashboard roleType={roleType} onViewStudent={(stu)=>{setJumpEmail(stu.email);setSelectedHLV({id:stu.hlvId,email:stu.realEmail});setTab(1);try{const u=new URL(window.location.href);u.searchParams.delete("ctg_view");window.history.replaceState(null,"",u.pathname+u.search+u.hash);}catch(e){}}} onClose={()=>{window.location.href=window.location.origin;}}/>;
  if((memberTier==='khach_thu'||memberTier==='khach'||memberTier==='hlv_thu')&&trialExpired) return <TrialExpiredLock/>;
  if(window.ctgNotActive===true) return <div style={{minHeight:"60vh",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:12,padding:24,textAlign:"center"}}><div style={{fontSize:44}}>🔒</div><div style={{fontSize:18,fontWeight:700,color:"#1e293b"}}>Tài khoản chưa đến ngày kích hoạt</div><div style={{fontSize:14,color:"#64748b"}}>Tài khoản của bạn hoạt động từ ngày {String(window.ctgActiveDate||"")}. Vui lòng liên hệ coach: 0708673007</div></div>;
  if(isCustomerRole&&!selfInfo) return selfError ? <div style={{textAlign:"center",padding:"20vh 0",color:"#334155",fontSize:14}}>Không tải được thông tin tài khoản.<br/><button onClick={()=>window.location.reload()} style={{marginTop:12,padding:"8px 20px",borderRadius:8,border:"none",background:"#14224d",color:"#fff",fontSize:14,cursor:"pointer"}}>Thử lại</button></div> : <div style={{textAlign:"center",padding:"20vh 0",color:"#9aa6b6",fontSize:14}}>⏳ Đang tải thông tin tài khoản...</div>;
  if(roleType==='admin'&&!selectedHLV) return <HLVList onSelect={setSelectedHLV} onSelfTrack={function(){fetch(window.location.origin+'/wp-json/wp/v2/users/me?context=edit',{credentials:'include',headers:{'X-WP-Nonce':(window.wpApiSettings&&window.wpApiSettings.nonce)||''}}).then(function(r){return r.ok?r.json():Promise.reject();}).then(function(u){if(u&&u.id){setSelectedHLV({id:u.id,email:u.email,name:u.name});setJumpEmail('__self__@ctg');}}).catch(function(){fetch(window.location.origin+'/wp-json/ctg/v1/my-tier?_t='+Date.now(),{credentials:'include',cache:'no-store'}).then(function(r){return r.ok?r.json():Promise.reject();}).then(function(u){if(u&&u.id){setSelectedHLV({id:u.id,email:u.email,name:u.name});setJumpEmail('__self__@ctg');}}).catch(function(){});});}}/>;
  if(!user) return <Login onLogin={e=>{ setUser(e); const s=effStudents.find(x=>x.email===e); if(s) setPicked(e); }}/>;
  const me = isAdmin ? ADMIN : (effStudents.find(s=>s.email===email) || (selfInfo&&{name:selfInfo.name}));
  const tabs=["🏋️ Check in tập luyện","📈 Tổng quan tiến độ","🍱 Check in ăn uống","📋 Lên lộ trình","📅 Lên lịch tập"];
  return <div style={{maxWidth:1320,margin:"0 auto",padding:"14px 18px"}}>
    <header style={{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between",gap:12,marginBottom:14}}>
      <div style={{display:"flex",alignItems:"center",gap:10,minWidth:0}}>
        <div style={{width:40,height:40,borderRadius:12,display:"flex",alignItems:"center",justifyContent:"center",fontSize:20,background:"linear-gradient(135deg,#14224d,#0f172a)"}}>🏋️</div>
        <div style={{minWidth:0}}>
          <div style={{fontWeight:800}}>CTG Fitness — Theo dõi khách hàng</div>
          <div style={{fontSize:12,color:"#6b7280"}}>{isAdmin?"👨‍🏫 Coach (Admin) — xem mọi học viên":"🧑 "+(me?me.name:email)}</div>
        </div>
      </div>
    </header>
    <nav style={{display:"flex",flexWrap:"wrap",gap:8,marginBottom:16,overflowX:"auto"}}>
      {tabs.map((t,i)=><button key={i} className="tabbtn" style={tab===i?{background:"#14224d",color:"#f4f6f8"}:{background:"#0e1b3d",color:"#46536a",border:"1px solid #cbd5e1"}} onClick={()=>{setTab(i); window.scrollTo(0,0);}}>{t}</button>)}
    </nav>
    <main key={email+"-"+tab}>
      {tab===0 && <ViewTapLuyen email={email} isAdmin={isAdmin} picked={picked} onPick={setPicked} students={effStudents} serverWorkouts={serverWorkouts} serverBody={serverBody} reloadData={reloadData}/>}
      {tab===1 && <ViewTongQuan email={email} isAdmin={isAdmin} picked={picked} onPick={setPicked} students={effStudents} serverBody={serverBody} serverWorkouts={serverWorkouts} reloadData={reloadData}/>}
      {tab===2 && <ViewAnUong email={email} isAdmin={isAdmin} picked={picked} onPick={setPicked} roleType={roleType} students={effStudents} serverBody={serverBody} serverWorkouts={serverWorkouts}/>}
      {tab===3 && <PhysiqueRoadmap pickedStudent={pickedStudent} serverBody={serverBody} roleType={roleType} onStartRoadmapSuccess={function(newPlan, newGiaoAn, newGoal) { 
        const targetEmail = picked || (selectedHLV && selectedHLV.email) || '__self__@ctg';
        setStudentOverrides(prev => Object.assign({}, prev, {
          [targetEmail]: { plan: newPlan, giaoAn: newGiaoAn, goal: newGoal }
        }));
        try {
          fetch('/wp-json/ctg/v1/update-member',{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application/json','X-WP-Nonce':(window.wpApiSettings&&window.wpApiSettings.nonce)||''},body:JSON.stringify({email: targetEmail, plan: newPlan, giao_an: newGiaoAn, goal: newGoal})});
        } catch(e){}
        reloadData(); 
        setTab(1); 
        window.scrollTo(0,0);
      }} />}
      {tab===4 && <WorkoutScheduler email={email} isAdmin={isAdmin} picked={picked} onPick={setPicked} students={effStudents} serverBody={serverBody} roleType={roleType} reloadData={reloadData} section="builder"/>}
    </main>
    <footer style={{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:12,color:"#9aa6b6",marginTop:24,paddingBottom:16}}>
      <span>v1.3</span>
      <span style={{flex:1,textAlign:"center"}}>CTG Fitness · Theo dõi khách hàng · Server sync</span>
      <span style={{width:24}}></span>
    </footer>
  </div>;
}


/* ==================== MERGED PHYSIQUE ROADMAP COMPONENT ==================== */
var fmt=(n, dec=2)=> !isFinite(n) ? "0" : n.toLocaleString('vi-VN', { minimumFractionDigits: dec, maximumFractionDigits: dec });
var round=(n, dec=2)=>Math.round(n * Math.pow(10, dec)) / Math.pow(10, dec);
var fmtDate=(isoStr)=> {
    if( !isoStr) return '—';
    const d=new Date(isoStr + 'T00:00:00');
    return d.toLocaleDateString('vi-VN', { day: '2-digit', month: '2-digit', year: 'numeric' });
};
var todayISO=()=>new Date().toISOString().slice(0, 10);
var ILLUST= {
    bodyfat: {
        Nam: 'https://ctgfitness.com/wp-content/uploads/2026/06/IMG_3425-1.jpeg',
        'Nữ': 'https://ctgfitness.com/wp-content/uploads/2026/06/IMG_3425.jpeg',
    },
    ffmi: {
        Nam: 'https://ctgfitness.com/wp-content/uploads/2026/06/Tep-–-2026-05-13T045726.jpeg',
        'Nữ': 'https://ctgfitness.com/wp-content/uploads/2026/06/Tep-–-2026-05-13T045726-1.jpeg',
    }
};

const SPORT_GROUPS=[ {
    name: 'Vận động nhẹ', metMin: 1.5, metMax: 2.9, examples: 'đi bộ chậm, yoga nhẹ, giãn cơ, bowling, câu cá, chơi nhạc cụ'
}

,
{
name: 'Trung bình', metMin: 3.0, metMax: 5.9, examples: 'đi bộ nhanh, đạp xe thong thả, bơi nhẹ, cầu lông đôi, khiêu vũ, golf'
}

,
{
name: 'Mạnh', metMin: 6.0, metMax: 8.9, examples: 'chạy bộ, đạp xe nhanh, bơi nhanh, tennis đơn, bóng đá, leo núi'
}

,
{
name: 'Rất mạnh', metMin: 9.0, metMax: 11.0, examples: 'chạy nước rút, HIIT, nhảy dây nhanh, boxing, đấm bốc, bơi thi đấu'
}

,
];

function metForEffort(group, effort) {
    if ( !group) return 0;
    if (effort==='Nhẹ') return group.metMin;
    if (effort==='Mạnh') return group.metMax;
    return round((group.metMin + group.metMax) / 2, 2);
}

// ====================== BASE METRICS ======================
// caloPct giờ là GIÁ TRỊ CÓ DẤU do người dùng chọn trực tiếp qua 1 thanh trượt duy nhất:
// dương = thặng dư (surplus), âm = thâm hụt (deficit), 0 = duy trì (maintenance).
function computeBase(d) {
    const isMale=d.gender==="Nam";
    const H=+d.height || 0,
    hM2=Math.pow(H * 0.01, 2);
    const w=+d.weight || 0,
    bf=+d.currentBF || 0;
    const caloPct=d.caloPct !=null && d.caloPct !=='' ?+d.caloPct: 10; // mặc định +10% nếu chưa chọn

    const lbm=w * (1 - bf / 100);
    const ffmi=hM2>0 ? lbm / hM2: 0;
    const bmr=370+21.6 * lbm;

    let otherCal=0;

    if (d.sports && Array.isArray(d.sports)) {
        d.sports.forEach(sport=> {
                if (sport.met && sport.duration && sport.sessions) {
                    otherCal +=(+sport.met * 3.5 * w / 200) * (+sport.duration) * ((+sport.sessions) / 7);
                }
            });
    }

    const stepsCal=(+d.steps || 0) / 100 * (2.5 * 3.5 * w / 200);
    const gymCal=(6 * 3.5 * w / 200) * (+d.trainDuration || 0) * ((+d.trainDays || 0) / 7);
    const cardioCal=(3.5 * 3.5 * w / 200) * ((+d.cardioKm || 0) * 12);
    const tdee=bmr+stepsCal+gymCal+cardioCal+otherCal+bmr * 0.1;
    const caloGoal=tdee * (1 + caloPct / 100);
    const caloSurplusAbs=caloGoal - tdee;

    // Protein/fat factor theo dấu caloPct: thặng dư (tăng cơ là trọng tâm) vs thâm hụt (giữ cơ là trọng tâm)
    const isSurplus=caloPct>0;
    const proteinFactor=isSurplus ? 2.2 : (caloPct < -15 ? 3.0 : 2.6);
    const protein=lbm * proteinFactor;
    const fatFactor=isSurplus ? 1.25 : (caloPct < -15 ? 0.65 : 0.9);
    const fat=lbm * fatFactor;
    const carb=(caloGoal - protein * 4 - fat * 9) / 4;

    return {
        isMale,
        hM2,
        w,
        bf,
        lbm,
        ffmi,
        bmr,
        tdee,
        otherCal,
        caloGoal,
        caloSurplusAbs,
        protein,
        fat,
        carb,
        caloPct
    }

    ;
}

// ====================== GROWTH FACTOR ======================
function bulkGrowthFactor(surplusPct) {
    const p=Math.max(0, surplusPct);
    if (p <=0) return 0.65;
    if (p >=15) return 1.0;
    return 0.65+(p / 15) * (1.0 - 0.65);
}

function cutGrowthFactor(deficitPct) {
    const m=Math.max(0, deficitPct);
    if (m >=20) return 0.2;
    if (m >=10) return 0.4 - (m - 10) * 0.02;
    return 0.6 - m * 0.02;
}

// ====================== VOLUME FACTOR (tần suất/thời lượng tập kháng lực → tốc độ tăng cơ) ======================
// Cơ sở: dose-response set/tuần/nhóm cơ (Schoenfeld et al. 2017; IUSCA Position Stand 2021;
// Sports Medicine 2025 meta-regression). Lợi ích tăng theo log của volume, có điểm bão hòa,
// luôn có lợi ích biên dương (không bao giờ mất cơ vì tập nhiều — chỉ tăng chậm lại).
// Quy đổi ẩn: 1 buổi tập kháng lực ~45-60 phút ≈ 8-10 set hiệu quả/nhóm cơ (effective sets).
// effectiveSetsPerWeek = trainDays * (trainDuration/52.5) * 9  [9 set chuẩn cho 1 buổi ~52.5 phút]
function volumeFactor(trainDays, trainDuration) {
    const days=Math.max(0, +trainDays || 0);
    const dur=Math.max(0, +trainDuration || 0);
    if (days <=0 || dur <=0) return 0.55; // không tập kháng lực: tăng cơ rất hạn chế (chủ yếu nhờ surplus + newbie effect)
    const setsPerSession=(dur / 52.5) * 9;
    const effectiveSetsPerWeek=days * setsPerSession;
    // Hệ số chuẩn hoá quanh mốc ~10 set/tuần/nhóm cơ (ngưỡng "đủ" theo Schoenfeld 2017)
    // và ~20 set/tuần là vùng bắt đầu bão hoà mạnh (IUSCA 2021, MS&SE 2019 high-volume study).
    const ref=10;
    if (effectiveSetsPerWeek <=0) return 0.55;
    // Hàm log diminishing returns, chặn min 0.7 (có tập nhưng rất ít) và max 1.15 (rất nhiều, vẫn nhích lên chậm)
    let f=0.7+0.3 * Math.log(1 + effectiveSetsPerWeek / ref) / Math.log(1 + 20 / ref);

    // Vùng cao (>20 set/tuần): vẫn cộng thêm rất nhẹ, bão hoà gần 1.15, không giảm (không "mất cơ" vì tập nhiều)
    if (effectiveSetsPerWeek > 20) {
        f=1.0+0.15 * (1 - Math.exp(-(effectiveSetsPerWeek - 20) / 15));
    }

    return Math.max(0.55, Math.min(1.15, round(f, 3)));
}

// ====================== CẢNH BÁO GIỚI HẠN FFMI TỰ NHIÊN ======================
function warnFFMI(base, d) {
    const {
        isMale,
        hM2,
        lbm,
        ffmi,
        w,
        bf,
        tdee,
        caloSurplusAbs
    }

    =base;
    const rawTargetFFMI=+d.targetFFMI || 0;
    const ffmiLimit=isMale ? 25 : 22;
    const wasClamped=rawTargetFFMI>ffmiLimit;
    const targetFFMI=Math.min(rawTargetFFMI, ffmiLimit);

    if ( !rawTargetFFMI || rawTargetFFMI <=ffmi) return {
        show: false, wasClamped: false, ffmiLimit
    }

    ;
    const bodyFatWarnThreshold=isMale ? 20 : 30;
    const L=isMale ? [18,
    20,
    22,
    23,
    24,
    25] : [15,
    17,
    19,
    20,
    21,
    22];
    const rate=[0.004,
    0.0025,
    0.0015,
    0.0005,
    0.0002,
    5 / 100000,
    1 / 100000];
    const clampHi=(v, hi)=>Math.min(v, hi);
    const clampLo=(v, lo)=>Math.max(v, lo);
    const growthFactor=bulkGrowthFactor(base.caloPct || 10) * volumeFactor(d.trainDays, d.trainDuration);
    let weeksNeeded=0,
    totalMuscleGain=0;

        {
        const top=clampHi(targetFFMI, L[0]);
        const delta=Math.max(0, top - ffmi);
        const speed=lbm * rate[0] * growthFactor;
        const co=delta * hM2;
        totalMuscleGain+=co;
        weeksNeeded+=co / Math.max(0.0001, speed);
    }

    for (let i=1; i < 6; i++) {
        const top=clampHi(targetFFMI, L[i]);
        const bottom=clampLo(ffmi, L[i - 1]);
        const delta=Math.max(0, top - bottom);
        const speed=lbm * rate[i] * growthFactor;
        const co=delta * hM2;
        totalMuscleGain+=co;
        weeksNeeded+=co / Math.max(0.0001, speed);
    }

    if (targetFFMI > L[5]) {
        const delta=targetFFMI - Math.max(ffmi, L[5]);
        const speed=lbm * rate[6] * growthFactor;
        const co=delta * hM2;
        totalMuscleGain+=co;
        weeksNeeded+=co / Math.max(0.0001, speed);
    }

    const totalSurplusEnergy=Math.max(0, caloSurplusAbs) * 7 * weeksNeeded;
    const energyForMuscle=totalMuscleGain * 1800;
    const fatGainKg=Math.max(0, totalSurplusEnergy - energyForMuscle) / 7700;
    const finalLBM=targetFFMI * hM2;
    const currentFatMass=w * bf / 100;
    const finalFatMass=currentFatMass+fatGainKg;
    const finalWeight=finalLBM+finalFatMass;
    const predictedBF=finalWeight>0 ? (finalFatMass / finalWeight) * 100 : 0;
    const isExcessive=predictedBF>bodyFatWarnThreshold;

    return {
        show: true, isExcessive, ffmiLimit, wasClamped, effectiveTargetFFMI: targetFFMI, bodyFatWarnThreshold,
            predictedBF: round(predictedBF, 1), fatGainKg: round(fatGainKg, 2), muscleGainKg: round(totalMuscleGain, 2), weeksNeeded: round(weeksNeeded, 1),
    }

    ;
}

function computeMacrosForPhase(type, lbmAtStart, tdeeAtStart, pctMagnitude) {
    const isBulk=type==='Bulking';
    const signedPct=isBulk ? Math.abs(pctMagnitude): -Math.abs(pctMagnitude);
    const caloGoal=tdeeAtStart * (1 + signedPct / 100);
    const protein=lbmAtStart * (isBulk ? 2.2 : 2.6);
    const fat=lbmAtStart * (isBulk ? 1.25 : 0.9);
    const carb=(caloGoal - protein * 4 - fat * 9) / 4;

    return {
        caloGoal: Math.round(caloGoal), protein: Math.round(protein), fat: round(fat, 1), carb: round(carb, 1), pct: signedPct
    }

    ;
}

// Tính calo vận động (chưa gồm BMR) cho mức steps/trainDays/trainDuration cụ thể
function activityCalFor(d, w, steps, trainDays, trainDuration) {
    let otherCal=0;

    if (d.sports) d.sports.forEach(s=> {
            if (s.met && s.duration && s.sessions) otherCal +=(+s.met * 3.5 * w / 200) * (+s.duration) * ((+s.sessions) / 7);
        });
    const stepsCal=(+steps || 0) / 100 * (2.5 * 3.5 * w / 200);
    const gymCal=(6 * 3.5 * w / 200) * (+trainDuration || 0) * ((+trainDays || 0) / 7);
    const cardioCal=(3.5 * 3.5 * w / 200) * ((+d.cardioKm || 0) * 12);
    return stepsCal+gymCal+cardioCal+otherCal;
}

// ====================== 3-BLOCK ENGINE (Giảm mỡ → Tăng cơ → Điều chỉnh bodyfat) ======================
// Chiến thuật cố định theo thứ tự, không phụ thuộc dấu % người dùng chọn cho từng khối:
// KHỐI 1 (Giảm mỡ về %mỡ lý tưởng): luôn deficit, chèn Diet Break khi plateau.
// KHỐI 2 (Tăng cơ tới FFMI mục tiêu): luôn surplus, chèn Mini-Cut khi plateau.
// KHỐI 3 (Điều chỉnh bodyfat về %mỡ mục tiêu thật): luôn deficit (vì khối 2 có thể làm mỡ vượt mục tiêu cuối).
// phaseOverrides[i] = { pct, steps, trainDays, trainDuration, endHere, idealBF (chỉ áp dụng khối 1) }
// globalOverride = { targetFFMI, targetBF, idealBF, block1Pct, block3Pct }
function simulateDualGoal(d, base, phaseOverrides, globalOverride) {
    phaseOverrides=phaseOverrides || {}

    ;

    globalOverride=globalOverride || {}

    ;
    const isMale=base.isMale,
    hM2=base.hM2;
    const ffmiLimit=isMale ? 25 : 22;
    const minTargetBF=isMale ? 6 : 11;
    const bulkBFLimit=isMale ? 20 : 30;

    // goalMode: 'ffmi' (chỉ FFMI, kệ %mỡ) | 'bf' (chỉ %mỡ, kệ FFMI) | 'both' (mặc định, cả 2)
    const goalMode=globalOverride.goalMode || d.goalMode || 'both';
    const wantFFMI=goalMode==='ffmi' || goalMode==='both';
    const wantBF=goalMode==='bf' || goalMode==='both';

    const rawTargetFFMI=globalOverride.targetFFMI !=null ?+globalOverride.targetFFMI : (+d.targetFFMI || base.ffmi);
    const targetFFMI=Math.min(Math.max(rawTargetFFMI, 0), ffmiLimit);
    const ffmiWasClamped=rawTargetFFMI>ffmiLimit;
    const targetLBM=targetFFMI * hM2;

    const rawTargetBF=globalOverride.targetBF !=null ?+globalOverride.targetBF : (+d.targetBF || base.bf);
    const maxTargetBF=Math.max(minTargetBF, 60);
    const targetBF=Math.min(Math.max(rawTargetBF, minTargetBF), maxTargetBF);
    const bfWasClamped=rawTargetBF < minTargetBF;

    // %mỡ "lý tưởng" để dừng Khối 1: mặc định Nam 12% / Nữ 23%, custom được nhưng trần Nam ≤15%, Nữ ≤27%.
    // Nếu goalMode='bf' (chỉ quan tâm %mỡ): Khối 1 đi thẳng tới targetBF thật, không dừng ở mức "lý tưởng" trung gian.
    const idealBFDefault=isMale ? 12 : 23;
    const idealBFCeiling=isMale ? 19.5 : 29.5;
    const rawIdealBF=globalOverride.idealBF !=null ?+globalOverride.idealBF : (+d.idealBF || idealBFDefault);
    const idealBF=goalMode==='bf' ? targetBF : Math.min(Math.max(rawIdealBF, minTargetBF), idealBFCeiling);

    const block1PctMag=Math.abs(globalOverride.block1Pct !=null ? +globalOverride.block1Pct : 20); // Khối 1 mặc định -20%
    const block3PctMag=Math.abs(globalOverride.block3Pct !=null ? +globalOverride.block3Pct : 20); // Khối 3 mặc định -20%
    const block2PctMag=Math.abs(globalOverride.block2Pct !=null ? +globalOverride.block2Pct : 10); // Khối 2 (surplus) mặc định +10%

    let w=base.w,
    bf=base.bf,
    lbm=base.lbm;
    const L=isMale ? [18,
    20,
    22,
    23,
    24,
    25] : [15,
    17,
    19,
    20,
    21,
    22];
    const rate=[0.004,
    0.0025,
    0.0015,
    0.0005,
    0.0002,
    5 / 100000,
    1 / 100000];

    const speedFor=(ffmiNow, curLbm, gf)=> {
        let pct;
        if (ffmiNow < L[0]) pct=rate[0];
        else if (ffmiNow < L[1]) pct=rate[1];
        else if (ffmiNow < L[2]) pct=rate[2];
        else if (ffmiNow < L[3]) pct=rate[3];
        else if (ffmiNow < L[4]) pct=rate[4];
        else if (ffmiNow < L[5]) pct=rate[5];
        else pct=rate[6];
        return curLbm * pct * gf;
    }

    ;

    const phases=[];

    const timeline=[ {
        week: 0, weight: round(w, 2), bf: round(bf, 1), lbm: round(lbm, 2), ffmi: round(lbm / hM2, 2), type: 'Start'
    }

    ];
    let cumulativeWeek=0;
    const MAX_PHASES=40,
    MAX_WEEKS_PER_PHASE=400;

    const snapshot=(steps, tDays, tDur)=> {
        const bmr=370+21.6 * lbm;
        const act=activityCalFor(d, w, steps, tDays, tDur);

        return {
            w: round(w, 2), bf: round(bf, 1), lbm: round(lbm, 2), ffmi: round(lbm / hM2, 2), bmr, tdee: bmr + act + bmr * 0.1
        }

        ;
    }

    ;

    // Ngưỡng plateau theo nghiên cứu: bulk +12%W → mini-cut; cut -10%W → diet-break
    const BULK_PLATEAU_PCT=12;
    const CUT_PLATEAU_PCT=10;

    const lbmDone=()=>lbm>=targetLBM - 0.01;
    const bfDoneAt=(target)=>bf <=target+0.05;

    const runLoop=(type, pctSigned, steps, tDays, tDur, stopCond, startWeightForPlateau, allowGrowth)=> {
        if (allowGrowth==null) allowGrowth=true;
        const isSurplus=pctSigned>0;
        const gf=(isSurplus ? bulkGrowthFactor(Math.abs(pctSigned)) : cutGrowthFactor(Math.abs(pctSigned))) * volumeFactor(tDays, tDur);
        let weeks=0;
        let stopReason='target';
        const w0=startWeightForPlateau || w;

        while (stopCond() && weeks < MAX_WEEKS_PER_PHASE) {
            const ffmiNow=lbm / hM2;
            let muscleGainWeek=allowGrowth ? speedFor(ffmiNow, lbm, gf): 0;
            const bmrNow=370+21.6 * lbm;
            const tdeeNow=bmrNow+activityCalFor(d, w, steps, tDays, tDur)+bmrNow * 0.1;
            const caloDeltaWeek=tdeeNow * (pctSigned / 100) * 7;

            if (isSurplus) {
                const energyForMuscle=muscleGainWeek * 1800;
                const fatGainWeek=Math.max(0, (caloDeltaWeek - energyForMuscle)) / 7700;
                lbm+=muscleGainWeek;
                const fatMass=(w * bf / 100)+fatGainWeek;
                w=lbm+fatMass;
                bf=(fatMass / w) * 100;
            }

            else {
                const fatLossWeek=Math.abs(caloDeltaWeek) / 7700;
                lbm+=muscleGainWeek;
                const fatMass=Math.max(0, (w * bf / 100) - fatLossWeek);
                w=lbm+fatMass;
                bf=w>0 ? (fatMass / w) * 100: 0;
            }

            weeks++;
            cumulativeWeek++;

            timeline.push({
                week: cumulativeWeek, weight: round(w, 2), bf: round(bf, 1), lbm: round(lbm, 2), ffmi: round(lbm / hM2, 2), type
            });

        if (w0 > 0) {
            if (isSurplus && ((w - w0) / w0 * 100) >=BULK_PLATEAU_PCT) {
                stopReason='plateau';
                break;
            }

            if ( !isSurplus && ((w0 - w) / w0 * 100) >=CUT_PLATEAU_PCT) {
                stopReason='plateau';
                break;
            }
        }
    }

    return {
        weeks,
        stopReason
    }

    ;
}

;

const pushPhase=(type, weeks, snap, pctSigned, steps, tDays, tDur, isSpecialPhase, blockName)=> {
    const macros=computeMacrosForPhase(pctSigned >=0 ? 'Bulking' : 'Cutting', snap.lbm, snap.tdee, Math.abs(pctSigned));

    phases.push({
        type, phaseNum: phases.length + 1, isSpecialPhase: isSpecialPhase || null, block: blockName,
        startW: snap.w, endW: round(w, 2), startBF: snap.bf, endBF: round(bf, 1),
        startLBM: snap.lbm, endLBM: round(lbm, 2), startFFMI: snap.ffmi, endFFMI: round(lbm / hM2, 2),
        weeks, pctMagnitude: Math.abs(pctSigned), macros, bmrAtStart: round(snap.bmr, 0), tdeeAtStart: round(snap.tdee, 0),
        steps, trainDays: tDays, trainDuration: tDur, phaseTarget: round(targetBF, 1), idealBF,
    });
}

;

const ov=(i, key, def)=>(phaseOverrides[i] && phaseOverrides[i][key] !=null) ? phaseOverrides[i][key] : def;

// ===== MINI-CUT (chèn trong Khối 2 khi bulk tăng ≥12%W) — KHÔNG tăng cơ, deficit ngắn hạn để "reset" insulin sensitivity =====
const runMiniCut=(defSteps, defTDays, defTDur)=> {
    const i=phases.length;
    const steps=ov(i, 'steps', defSteps),
    tDays=ov(i, 'trainDays', defTDays),
    tDur=ov(i, 'trainDuration', defTDur);
    const snap=snapshot(steps, tDays, tDur);
    const maxSafeDeficitPct=snap.tdee>0 ? Math.max(0, Math.min(22, (1 - snap.bmr / snap.tdee) * 100)): 22;
    const pctMiniCut=round(Math.min(22, maxSafeDeficitPct), 1);
    const targetBFforMiniCut=Math.max(idealBF, bf - 6);
    const res=runLoop('MiniCut', -pctMiniCut, steps, tDays, tDur, ()=> bf > targetBFforMiniCut, w, false);
    pushPhase('MiniCut', res.weeks, snap, -pctMiniCut, steps, tDays, tDur, 'minicut', 'block2');
}

;

// ===== DIET BREAK (chèn trong Khối 1 khi cut giảm ≥10%W) — MATADOR study, 2 tuần ăn TDEE =====
const runDietBreak=(defSteps, defTDays, defTDur, blockName)=> {
    const i=phases.length;
    const steps=ov(i, 'steps', defSteps),
    tDays=ov(i, 'trainDays', defTDays),
    tDur=ov(i, 'trainDuration', defTDur);
    const snap=snapshot(steps, tDays, tDur);
    const breakWeeks=2;
    const gf=cutGrowthFactor(0) * volumeFactor(tDays, tDur);

    for (let wk=0; wk < breakWeeks; wk++) {
        const ffmiNow=lbm / hM2;
        const muscleGainWeek=speedFor(ffmiNow, lbm, gf) * 0.3;
        lbm+=muscleGainWeek;
        const fatMass=(w * bf / 100);
        w=lbm+fatMass;
        bf=w>0 ? (fatMass / w) * 100: 0;
        cumulativeWeek++;

        timeline.push({
            week: cumulativeWeek, weight: round(w, 2), bf: round(bf, 1), lbm: round(lbm, 2), ffmi: round(lbm / hM2, 2), type: 'DietBreak'
        });
}

pushPhase('DietBreak', breakWeeks, snap, 0, steps, tDays, tDur, 'dietbreak', blockName);
}

;

// ===== KHỐI 1: GIẢM MỠ VỀ %MỠ LÝ TƯỞNG (luôn deficit, chèn Diet Break khi plateau) =====
// Chỉ chạy nếu hiện tại đang trên mức lý tưởng. Nếu đã thấp hơn lý tưởng rồi thì bỏ qua khối này.
if (bf > idealBF + 0.05) {
    let guard=0;
    const consumedTargetIdx1=new Set();

    while (bf > idealBF + 0.05 && guard < MAX_PHASES) {
        guard++;
        const i=phases.length;
        const steps=ov(i, 'steps', +d.steps || 0),
        tDays=ov(i, 'trainDays', +d.trainDays || 0),
        tDur=ov(i, 'trainDuration', +d.trainDuration || 0);
        const pctMag=ov(i, 'pct', block1PctMag);
        // %mỡ dừng riêng cho phase này: mặc định = idealBF (mục tiêu cả khối), custom được cao hơn để cắt thành nhiều phase nhỏ.
        // Nếu override không hợp lệ (≥ BF hiện tại) hoặc index này đã dùng rồi, rơi về idealBF thật để tránh kẹt vòng lặp.
        const rawOv= !consumedTargetIdx1.has(i) ? ov(i, 'targetBF', idealBF): idealBF;
        consumedTargetIdx1.add(i);
        const phaseStopBF=(rawOv < bf - 0.005) ? Math.max(idealBF, rawOv): idealBF;
        const snap=snapshot(steps, tDays, tDur);
        const startW=w;
        const res=runLoop('Block1', -pctMag, steps, tDays, tDur, ()=> bf > phaseStopBF + 0.05, startW);

        if (res.weeks > 0) {
            pushPhase('Block1', res.weeks, snap, -pctMag, steps, tDays, tDur, null, 'block1');
            phases[phases.length - 1].phaseTarget=round(phaseStopBF, 1);
        }

        else {
            break; // weeks=0 mà target đã rơi về idealBF thật rồi vẫn không tiến triển được -> kẹt thật, dừng
        }

        if (phaseOverrides[i] && phaseOverrides[i].endHere) break;
        if (bf <=idealBF + 0.05) break;

        if (res.stopReason==='plateau') {
            runDietBreak(steps, tDays, tDur, 'block1');
            continue;
        }
    }
}

// ===== KHỐI 2: TĂNG CƠ TỚI FFMI MỤC TIÊU (luôn surplus, chèn Mini-Cut khi plateau) =====
if (wantFFMI && !lbmDone()) {
    let guard=0;
    const consumedTargetIdx=new Set(); // mỗi index override targetFFMI chỉ được đọc & áp dụng 1 lần duy nhất

    while ( !lbmDone() && guard < MAX_PHASES) {
        guard++;
        const i=phases.length;
        const steps=ov(i, 'steps', +d.steps || 0),
        tDays=ov(i, 'trainDays', +d.trainDays || 0),
        tDur=ov(i, 'trainDuration', +d.trainDuration || 0);
        const pctMag=ov(i, 'pct', block2PctMag);
        // FFMI dừng riêng cho phase này: mặc định = targetFFMI (mục tiêu cả khối), custom được thấp hơn để cắt thành nhiều phase nhỏ.
        // Nếu override không hợp lệ (≤ FFMI hiện tại) hoặc index này đã dùng rồi, rơi về targetFFMI thật để tránh kẹt vòng lặp.
        const rawOv= !consumedTargetIdx.has(i) ? ov(i, 'targetFFMI', targetFFMI): targetFFMI;
        consumedTargetIdx.add(i);
        const phaseStopFFMI=(rawOv > lbm / hM2 + 0.005) ? Math.min(targetFFMI, rawOv): targetFFMI;
        const phaseStopLBM=phaseStopFFMI * hM2;
        const snap=snapshot(steps, tDays, tDur);
        const startW=w;
        const res=runLoop('Block2', pctMag, steps, tDays, tDur, ()=> lbm < phaseStopLBM - 0.01 && bf < bulkBFLimit, startW);

        if (res.weeks > 0) {
            pushPhase('Block2', res.weeks, snap, pctMag, steps, tDays, tDur, null, 'block2');
            phases[phases.length - 1].phaseTarget=round(phaseStopFFMI, 2);
        }

        else {
            break; // weeks=0 mà target đã rơi về targetFFMI thật rồi vẫn không tiến triển được -> kẹt thật, dừng
        }

        if (phaseOverrides[i] && phaseOverrides[i].endHere) break;
        if (lbmDone()) break;

        if (res.stopReason==='plateau') {
            runMiniCut(steps, tDays, tDur);
            continue;
        }

        if (bf >=bulkBFLimit) {
            runMiniCut(steps, tDays, tDur);
            continue;
        }
    }
}

// ===== KHỐI 3: ĐIỀU CHỈNH MỠ CUỐI VỀ %MỠ MỤC TIÊU THẬT (luôn deficit) =====
// Vì Khối 2 có thể làm %mỡ tăng vượt mục tiêu cuối cùng (targetBF), khối này dọn nốt phần dư.
// Bỏ qua hoàn toàn nếu goalMode='ffmi' (không quan tâm %mỡ cuối).
if (wantBF && bf > targetBF + 0.05) {
    let guard=0;

    while (bf > targetBF + 0.05 && guard < MAX_PHASES) {
        guard++;
        const i=phases.length;
        const steps=ov(i, 'steps', +d.steps || 0),
        tDays=ov(i, 'trainDays', +d.trainDays || 0),
        tDur=ov(i, 'trainDuration', +d.trainDuration || 0);
        const pctMag=ov(i, 'pct', block3PctMag);
        const snap=snapshot(steps, tDays, tDur);
        const startW=w;
        const res=runLoop('Block3', -pctMag, steps, tDays, tDur, ()=> bf > targetBF + 0.05, startW);
        pushPhase('Block3', res.weeks, snap, -pctMag, steps, tDays, tDur, null, 'block3');
        if (phaseOverrides[i] && phaseOverrides[i].endHere) break;
        if (bf <=targetBF + 0.05) break;

        if (res.stopReason==='plateau') {
            runDietBreak(steps, tDays, tDur, 'block3');
            continue;
        }

        if (res.weeks===0) break;
    }
}

const totalWeeks=round(phases.reduce((s, p)=> s + p.weeks, 0), 1);

// Tìm tuần đầu tiên mà mỗi mục tiêu đạt được (để báo "mục tiêu nào tới trước, sau bao nhiêu tuần")
let weekFFMIReached=null,
weekBFReached=null;

for (const t of timeline) {
    if (weekFFMIReached==null && t.lbm >=targetLBM - 0.01) weekFFMIReached=t.week;
    if (weekBFReached==null && t.bf <=targetBF + 0.05) weekBFReached=t.week;
    if (weekFFMIReached !=null && weekBFReached !=null) break;
}

return {
    phases,
    totalWeeks,
    totalMonths: round(totalWeeks / 4.33, 1), timeline,
        ffmiWasClamped, bfWasClamped, ffmiLimit, minTargetBF, maxTargetBF,
        idealBF: round(idealBF, 1), idealBFDefault, idealBFCeiling,
        effectiveTargetFFMI: round(targetFFMI, 2), effectiveTargetBF: round(targetBF, 1),
        targetLBM: round(targetLBM, 2), lbmGoalReached: lbmDone(), bfGoalReached: bfDoneAt(targetBF),
        weekFFMIReached, weekBFReached, goalMode, wantFFMI, wantBF,
        finalLBM: round(lbm, 2), finalBF: round(bf, 1), finalW: round(w, 2), finalFFMI: round(lbm / hM2, 2),
}

;
}

// ====================== NHẬN XÉT THỂ TRẠNG (rule-based, cá nhân hóa theo số liệu) ======================
function generateAssessment(d, base, multiPhase) {
    if ( !multiPhase) return '';
    const isMale=base.isMale;
    const bf=base.bf,
    ffmi=base.ffmi;
    const idealBF=isMale ? 12: 23;
    const bfGapToIdeal=bf - idealBF;
    const ffmiGap=multiPhase.effectiveTargetFFMI - ffmi;
    const goalMode=multiPhase.goalMode;

    let bfLevel; // mô tả mức %mỡ hiện tại
    if (bf >=(isMale ? 25 : 35)) bfLevel='khá cao';
    else if (bf >=(isMale ? 18 : 28)) bfLevel='cao hơn mức lý tưởng';
    else if (bf > idealBF) bfLevel='hơi cao hơn mức lý tưởng';
    else bfLevel='đã ở mức tốt';

    let ffmiLevel; // mô tả mức FFMI hiện tại
    if (ffmi < (isMale ? 18 : 15)) ffmiLevel='còn khá thấp';
    else if (ffmi < (isMale ? 20 : 17)) ffmiLevel='ở mức người mới tập';
    else if (ffmi < (isMale ? 22 : 19)) ffmiLevel='ở mức trung bình';
    else ffmiLevel='đã khá tốt';

    const parts=[];

    parts.push(`Hiện tại bạn có %mỡ ${fmt(bf, 1)}% (${bfLevel}) và FFMI ${fmt(ffmi, 2)} (${ffmiLevel}).`);

    if (goalMode==='ffmi') {
        parts.push(`Vì bạn chọn ưu tiên FFMI, lộ trình sẽ đưa %mỡ về mức lý tưởng ${idealBF}% trước (nếu cần) rồi tập trung toàn lực ăn dư để tăng cơ tới FFMI ${fmt(multiPhase.effectiveTargetFFMI, 1)}, không quan tâm %mỡ kết thúc ra sao.`);
    }

    else if (goalMode==='bf') {
        parts.push(`Vì bạn chọn ưu tiên %mỡ, lộ trình sẽ thâm hụt calo liên tục (xen kẽ Diet Break để tránh chững trao đổi chất) cho tới khi đạt %mỡ ${fmt(multiPhase.effectiveTargetBF, 1)}%, không quan tâm lượng cơ tăng thêm bao nhiêu.`);
    }

    else {
        if (bfGapToIdeal > 5) {
            parts.push(`Do %mỡ đang cao hơn khá nhiều so với mức lý tưởng (${idealBF}%), lộ trình ưu tiên giảm mỡ trước để cơ thể nhạy insulin hơn, sau đó mới chuyển sang ăn dư xây cơ tới FFMI ${fmt(multiPhase.effectiveTargetFFMI, 1)}, và điều chỉnh mỡ lần cuối về đúng ${fmt(multiPhase.effectiveTargetBF, 1)}%.`);
        }

        else if (bfGapToIdeal > 0) {
            parts.push(`%mỡ hiện tại chỉ hơi cao hơn mức lý tưởng nên giai đoạn giảm mỡ đầu sẽ ngắn, phần lớn thời gian lộ trình sẽ dành cho tăng cơ tới FFMI ${fmt(multiPhase.effectiveTargetFFMI, 1)}.`);
        }

        else {
            parts.push(`%mỡ hiện tại đã ở mức lý tưởng nên lộ trình bỏ qua giai đoạn giảm mỡ đầu, đi thẳng vào tăng cơ tới FFMI ${fmt(multiPhase.effectiveTargetFFMI, 1)} rồi điều chỉnh mỡ lần cuối về ${fmt(multiPhase.effectiveTargetBF, 1)}%.`);
        }

        if (multiPhase.weekFFMIReached !=null && multiPhase.weekBFReached !=null && multiPhase.weekFFMIReached !==multiPhase.weekBFReached) {
            const easier=multiPhase.weekFFMIReached < multiPhase.weekBFReached ? 'FFMI': '%mỡ';

            parts.push(`Với lựa chọn hiện tại, mục tiêu ${easier} sẽ dễ đạt hơn (tới đích sớm hơn).`);
        }
    }

    return parts.join(' ');
}

// ====================== NGÀY THÁNG & COUNTDOWN ======================
function computePhaseDates(phases, startDateStr) {
    let cursor=new Date(startDateStr + 'T00:00:00');

    return phases.map(p=> {
            const startDate=new Date(cursor);
            const endDate=new Date(cursor);
            endDate.setDate(endDate.getDate() + Math.round(p.weeks * 7));
            cursor=new Date(endDate);

            return {
                ...p, startDateStr: startDate.toISOString().slice(0, 10), endDateStr: endDate.toISOString().slice(0, 10)
            }

            ;
        });
}

function findCurrentPhaseIndex(phasesWithDates, nowMs) {
    const today=new Date(nowMs);
    today.setHours(0, 0, 0, 0);

    for (let i=0; i < phasesWithDates.length; i++) {
        const p=phasesWithDates[i];
        const start=new Date(p.startDateStr + 'T00:00:00');
        const end=new Date(p.endDateStr + 'T00:00:00');
        if (today >=start && today < end) return i;
        if (today < start) return i;
    }

    return phasesWithDates.length - 1;
}

// ====================== WAVE CHART (SVG thuần) ======================
function MetricWave({
    timeline, metricKey, label, icon, color, unit, decimals, bands

}) {
    const width=560,
    height=80,
    padX=4,
    padY=10;
    const values=timeline.map(t=> t[metricKey]);
    const minV=Math.min(...values),
    maxV=Math.max(...values);
    const range=(maxV - minV) || 1;
    const totalWeeks=timeline[timeline.length - 1].week || 1;

    const points=timeline.map(t=> {
            const x=padX + (t.week / totalWeeks) * (width - padX * 2);
            const y=padY + (1 - (t[metricKey] - minV) / range) * (height - padY * 2);
            return x.toFixed(1) + ',' + y.toFixed(1);
        }).join(' ');

    const bandColor=(b)=> {
        if (b.isSpecialPhase==='minicut') return '#fdba74'; // cam
        if (b.isSpecialPhase==='dietbreak') return '#7dd3fc'; // xanh dương nhạt
        if (b.type==='Bulking') return '#fecaca'; // đỏ nhạt
        if (b.type==='Cutting' || b.type==='DietBreak') return '#bbf7d0'; // xanh lá nhạt (fallback, hiếm khi tới đây vì DietBreak luôn có isSpecialPhase)
        return 'transparent';
    }

    ;

    return (<div className="mb-3" > <div className="flex items-center justify-between mb-1" > <p className="text-xs font-semibold text-slate-600 flex items-center gap-1" ><span> {
            icon
        }

        </span> {
            label
        }

        </p> <p className="text-xs text-slate-400" > {
            fmt(values[0], decimals)
        }

            {
            unit
        }

        → <span className="font-bold" style= {
                {
                color
            }
        }

        > {
            fmt(values[values.length - 1], decimals)
        }

            {
            unit
        }

        </span> </p> </div> <svg width="100%" height= {
            height
        }

        viewBox= {
            `0 0 ${
                width
            }

            ${
                height
            }

            `
        }

        preserveAspectRatio="none" className="rounded bg-slate-50" > {
            bands.map((b, i)=> (<rect key= {
                        i
                    }

                    x= {
                        padX + (b.start / totalWeeks) * (width - padX * 2)
                    }

                    y= {
                        0
                    }

                    width= {
                        Math.max(0, ((b.end - b.start) / totalWeeks) * (width - padX * 2))
                    }

                    height= {
                        height
                    }

                    fill= {
                        bandColor(b)
                    }

                    opacity= {
                        0.35
                    }

                    />))
        }

        <polyline points= {
            points
        }

        fill="none" stroke= {
            color
        }

        strokeWidth="2" strokeLinejoin="round" strokeLinecap="round" /> </svg> </div>);
}

function WaveChart({
    timeline, phases

}) {
    let acc=0;

    const bands=phases.map(p=> {
            const start=acc; acc +=p.weeks; return {
                start, end: acc, type: p.type, isSpecialPhase: p.isSpecialPhase || null
            }

            ;
        });
    const hasBulk=phases.some(p=> p.type==='Bulking');
    const hasCut=phases.some(p=> p.type==='Cutting' && !p.isSpecialPhase);
    const hasMiniCut=phases.some(p=> p.isSpecialPhase==='minicut');
    const hasDietBreak=phases.some(p=> p.isSpecialPhase==='dietbreak' || p.type==='DietBreak');

    return (<div className="bg-white rounded-xl p-4 border border-slate-200" > <p className="font-bold text-slate-800 mb-3" >📉 BIỂU ĐỒ BIẾN THIÊN THEO TUẦN</p> <MetricWave timeline= {
            timeline
        }

        metricKey="weight" label="Cân nặng (kg)" icon="⚖️" color="#6366f1" unit="" decimals= {
            1
        }

        bands= {
            bands
        }

        /> <MetricWave timeline= {
            timeline
        }

        metricKey="bf" label="% Mỡ cơ thể" icon="🔥" color="#f43f5e" unit="%" decimals= {
            1
        }

        bands= {
            bands
        }

        /> <MetricWave timeline= {
            timeline
        }

        metricKey="lbm" label="Khối lượng nạc (LBM)" icon="💪" color="#10b981" unit="" decimals= {
            1
        }

        bands= {
            bands
        }

        /> <MetricWave timeline= {
            timeline
        }

        metricKey="ffmi" label="Chỉ số FFMI" icon="📐" color="#a855f7" unit="" decimals= {
            2
        }

        bands= {
            bands
        }

        /> <div className="flex items-center gap-4 mt-1 text-xs text-slate-500 flex-wrap" > {
            hasBulk && <span className="flex items-center gap-1" ><span className="w-3 h-3 rounded bg-red-200 inline-block" ></span> Bulking</span>
        }

            {
            hasCut && <span className="flex items-center gap-1" ><span className="w-3 h-3 rounded bg-emerald-200 inline-block" ></span> Cutting</span>
        }

            {
            hasMiniCut && <span className="flex items-center gap-1" ><span className="w-3 h-3 rounded bg-orange-300 inline-block" ></span> Mini-Cut</span>
        }

            {
            hasDietBreak && <span className="flex items-center gap-1" ><span className="w-3 h-3 rounded bg-sky-300 inline-block" ></span> Diet Break</span>
        }

        </div> </div>);
}

// ====================== COUNTDOWN TIMER (live, cập nhật mỗi giây) ======================
function CountdownTimer({
    endDateStr, label

}) {
    const [now,
    setNow]=useState(Date.now());

    useEffect(()=> {
            const t=setInterval(()=> setNow(Date.now()), 1000);
            return ()=> clearInterval(t);
        }

        , []);
    const end=new Date(endDateStr + 'T00:00:00').getTime();
    const diff=Math.max(0, end - now);
    const days=Math.floor(diff / 86400000);
    const hours=Math.floor((diff % 86400000) / 3600000);
    const minutes=Math.floor((diff % 3600000) / 60000);
    const seconds=Math.floor((diff % 60000) / 1000);

    return (<div className="bg-slate-900 text-white rounded-lg p-3 flex items-center justify-between" > <span className="text-xs text-slate-300" >⏳ {
            label
        }

        </span> <div className="flex gap-2 text-sm font-mono font-bold" > <span> {
            days
        }

        <span className="text-slate-400 text-xs" >ng</span></span> <span> {
            String(hours).padStart(2, '0')
        }

        <span className="text-slate-400 text-xs" >h</span></span> <span> {
            String(minutes).padStart(2, '0')
        }

        <span className="text-slate-400 text-xs" >m</span></span> <span> {
            String(seconds).padStart(2, '0')
        }

        <span className="text-slate-400 text-xs" >s</span></span> </div> </div>);
}





// ====================== ẢNH MINH HỌA COMPONENT ======================
function Illustration({
    src, alt

}) {
    const [err,
    setErr]=useState(false);
    if ( !src || err) return null;

    return (<div className="mt-2 rounded-lg overflow-hidden border border-slate-200 bg-white" > <img src= {
            src
        }

        alt= {
            alt
        }

        onError= {
            ()=> setErr(true)
        }

        className="w-full h-auto block" loading="lazy" /> </div>);
}

// ====================== BÁO CÁO DẠNG IN (PDF qua window.print) ======================
function PrintReport({
    d, base, multiPhase, phasesWithDates, ffmiWarn, assessment

}) {
    const phases=multiPhase ? multiPhase.phases: null;
    const totalWeeks=multiPhase ? multiPhase.totalWeeks: null;
    const totalMonths=multiPhase ? multiPhase.totalMonths: null;

    const goalLabel=`LBM ${
        multiPhase ? multiPhase.targetLBM: '—'
    }

    kg & %MỠ ${
        multiPhase ? multiPhase.effectiveTargetBF: '—'
    }

    %`;

    return (<div className="print-report" > <div className="print-header" > <h1>🏋️ LỘ TRÌNH PHYSIQUE — BÁO CÁO CHI TIẾT</h1> <p className="print-sub" >Mục tiêu: {
            goalLabel
        }

        · Xuất ngày {
            fmtDate(todayISO())
        }

        </p> </div> {
            /* ===== 1. THÔNG TIN KHÁCH HÀNG ===== */
        }

        <h2 className="print-section-title" >1. Thông tin khách hàng</h2> <table className="print-info-table" > <tbody> <tr><td>Họ tên</td><td><b> {
            d.name || '—'
        }

        </b></td><td>SĐT</td><td><b> {
            d.phone || '—'
        }

        </b></td></tr> <tr><td>Giới tính</td><td><b> {
            d.gender
        }

        </b></td><td>Tuổi</td><td><b> {
            d.age
        }

        </b></td></tr> <tr><td>Ngày bắt đầu</td><td><b> {
            fmtDate(d.startDate)
        }

        </b></td><td>Ngày tạo hồ sơ</td><td><b> {
            fmtDate(todayISO())
        }

        </b></td></tr> </tbody> </table> {
            /* ===== 2. SỐ ĐO CƠ THỂ ===== */
        }

        <h2 className="print-section-title" >2. Số đo cơ thể hiện tại</h2> <table className="print-info-table" > <tbody> <tr><td>Chiều cao</td><td><b> {
            d.height
        }

        cm</b></td><td>Cân nặng</td><td><b> {
            d.weight
        }

        kg</b></td></tr> <tr><td>% Mỡ</td><td><b> {
            d.currentBF
        }

        %</b></td><td>FFMI hiện tại</td><td><b> {
            fmt(base.ffmi, 2)
        }

        </b></td></tr> <tr><td>LBM (khối nạc)</td><td><b> {
            fmt(base.lbm, 1)
        }

        kg</b></td><td>BMR</td><td><b> {
            fmt(base.bmr, 0)
        }

        kcal</b></td></tr> <tr><td>TDEE</td><td><b> {
            fmt(base.tdee, 0)
        }

        kcal</b></td><td>Calo mục tiêu (nền)</td><td><b> {
            fmt(base.caloGoal, 0)
        }

        kcal</b></td></tr> </tbody> </table> {
            /* ===== 3. TẬP LUYỆN & HOẠT ĐỘNG ===== */
        }

        <h2 className="print-section-title" >3. Tập luyện & hoạt động (mức nền)</h2> <table className="print-info-table" > <tbody> <tr><td>Buổi tập/tuần</td><td><b> {
            d.trainDays
        }

        </b></td><td>Phút/buổi</td><td><b> {
            d.trainDuration
        }

        </b></td></tr> <tr><td>Bước chân/ngày</td><td><b> {
            (+d.steps || 0).toLocaleString('vi-VN')
        }

        </b></td><td>Cardio (km/ngày)</td><td><b> {
            d.cardioKm
        }

        </b></td></tr> </tbody> </table> {
            d.sports && d.sports.length > 0 && d.sports.map((s, i)=> (<p className="print-macro" key= {
                        i
                    }

                    >• {
                        s.name && s.name.trim() ? s.name.trim() : `(${
                                s.type
                            })`
                    }

                        {
                        s.effort ? ` — ${
                            s.effort
                        }

                        ` : ''
                    }

                    : {
                        s.sessions
                    }

                    buổi × {
                        s.duration
                    }

                    phút (MET {
                            s.met
                        })</p>))
        }

            {
            /* ===== 4. TỔNG QUAN LỘ TRÌNH ===== */
        }

            {
            totalWeeks !=null && (<> <h2 className="print-section-title" >4. Tổng quan lộ trình</h2> <div className="print-summary" > <span>🗓️ Tổng thời gian: <b> {
                    totalWeeks
                }

                tuần (~ {
                        totalMonths
                    }

                    tháng)</b></span> {
                    phases && <span>📦 Số giai đoạn: <b> {
                        phases.length
                    }

                    </b></span>
                }

                    {
                    phasesWithDates && phasesWithDates.length > 0 && <span>🏁 Hoàn thành dự kiến: <b> {
                        fmtDate(phasesWithDates[phasesWithDates.length - 1].endDateStr)
                    }

                    </b></span>
                }

                </div> {
                    assessment && <p className="print-macro print-assessment" >🩺 {
                        assessment
                    }

                    </p>
                }

                </>)
        }

            {
            /* ===== 5. CHI TIẾT TỪNG GIAI ĐOẠN ===== */
        }

            {
            phases ? (<> <h2 className="print-section-title {phases && phases.length > 0 && (
 <div style= {
                        {
                        marginBottom:'10px', pageBreakInside:'avoid', padding:'8px 10px', background:'#f8fafc', borderRadius:'5px', border:'1px solid #e2e8f0'
                    }
                }

                > <p style= {
                        {
                        fontSize:'0.6rem', color:'#64748b', marginBottom:'4px', fontWeight:700, letterSpacing:'0.07em', textTransform:'uppercase', margin:'0 0 5px'
                    }
                }

                >BIỂU ĐỒ TIẾN TRÌNH LỘ TRÌNH</p> <div style= {
                        {
                        display:'flex', borderRadius:'3px', overflow:'hidden', height:'22px', gap:'1px', marginBottom:'5px'
                    }
                }

                > {
                    phases.map((ph2, i2)=> {
                            const tw=phases.reduce((a, x)=>a+(+x.weeks||0), 0)||1; const w=((+ph2.weeks||0)/tw*100).toFixed(1)+'%'; const bg=ph2.isSpecialPhase?'#94a3b8':ph2.macros?.pct>0?'#6366f1':'#f59e0b'; return(<div key= {
                                    i2
                                }

                                style= {
                                        {
                                        width:w, background:bg, display:'flex', alignItems:'center', justifyContent:'center', minWidth:'16px'
                                    }
                                }

                                ><span style= {
                                        {
                                        fontSize:'0.6rem', color:'white', fontWeight:700, whiteSpace:'nowrap', padding:'0 2px'
                                    }
                                }

                                > {
                                    ph2.weeks
                                }

                                w</span></div>);
                        })
                }

                </div> <div style= {
                        {
                        display:'flex', gap:'10px', flexWrap:'wrap'
                    }
                }

                > {
                    [['#6366f1', 'Thặng dư'], ['#f59e0b', 'Thâm hụt'], ['#94a3b8', 'Đặc biệt']].map(([clr, lbl])=>(<span key= {
                                lbl
                            }

                            style= {
                                    {
                                    fontSize:'0.6rem', color:'#64748b', display:'flex', alignItems:'center', gap:'3px'
                                }
                            }

                            ><span style= {
                                    {
                                    width:'8px', height:'8px', borderRadius:'1px', background:clr, display:'inline-block', flexShrink:0
                                }
                            }

                            ></span> {
                                lbl
                            }

                            </span>))
                }

                </div> </div>)
        }

        print-break-before">5. Chi tiết từng giai đoạn ({phases.length} phase)</h2>
 {
            multiPhase && multiPhase.timeline && multiPhase.timeline.length > 1 && (()=> {
                    const tl=multiPhase.timeline;
                    const W=480, H=60;

                    function makeLinePath(vals) {
                        const minV=Math.min.apply(null, vals), maxV=Math.max.apply(null, vals);
                        const range=maxV - minV || 1;
                        return vals.map((v, i)=> ((i===0 ? 'M' : 'L') + ((i / (vals.length - 1)) * W).toFixed(1) + ',' + (H - ((v - minV) / range) * H * 0.85 - H * 0.05).toFixed(1))).join(' ');
                    }

                    const weights=tl.map(t=> t.weight);
                    const bfs=tl.map(t=> t.bf);
                    const lbms=tl.map(t=> t.lbm);

                    const charts=[ {
                        label: 'Can nang (kg)', vals: weights, color: '#6366f1'
                    }

                    ,
                    {
                    label: '% Mo co the', vals: bfs, color: '#ef4444'
                }

                ,
                {
                label: 'LBM (kg)', vals: lbms, color: '#10b981'
            }

            ,
            ];

            return (<div style= {
                        {
                        marginBottom:'12px', pageBreakInside:'avoid'
                    }
                }

                > <p style= {
                        {
                        fontSize:'7pt', fontWeight:700, letterSpacing:'0.07em', textTransform:'uppercase', color:'#475569', margin:'0 0 5px'
                    }
                }

                >BIEU DO BIEN THIEN THEO TUAN</p> <div style= {
                        {
                        display:'grid', gridTemplateColumns:'repeat(3,1fr)', gap:'8px'
                    }
                }

                > {
                    charts.map(c=> (<div key= {
                                c.label
                            }

                            style= {
                                    {
                                    background:'#f8fafc', border:'1px solid #e2e8f0', borderRadius:'4px', padding:'5px 7px'
                                }
                            }

                            > <p style= {
                                    {
                                    fontSize:'6.5pt', color:'#64748b', margin:'0 0 3px'
                                }
                            }

                            > {
                                c.label
                            }

                            : <b style= {
                                    {
                                    color:c.color
                                }
                            }

                            > {
                                c.vals[0]
                            }

                            → {
                                c.vals[c.vals.length-1]
                            }

                            </b></p> <svg viewBox= {
                                '0 0 ' + W + ' ' + H
                            }

                            width="100%" height="45" preserveAspectRatio="none" style= {
                                    {
                                    display:'block'
                                }
                            }

                            > <path d= {
                                makeLinePath(c.vals)
                            }

                            stroke= {
                                c.color
                            }

                            strokeWidth="2.5" fill="none" vectorEffect="non-scaling-stroke" /> </svg> </div>))
                }

                </div> </div>);
        })()
}

    {
    (()=> {
            const _blkOrder=['block1', 'block2', 'block3'];

            const _blkLbls= {
                block1:'Giảm mỡ', block2:'Tăng cơ', block3:'Điều chỉnh bodyfat'
            }

            ;

            const _blkClr= {
                block1: {
                    border:'#f87171', bg:'#fff1f2', hdr:'#9f1239'
                }

                ,
                block2: {
                    border:'#34d399', bg:'#f0fdf4', hdr:'#14532d'
                }

                ,
                block3: {
                    border:'#60a5fa', bg:'#eff6ff', hdr:'#1e3a8a'
                }
            }

            ;

            const grps=_blkOrder.map(bk=>({

                    blockKey:bk, label:_blkLbls[bk], clr:_blkClr[bk],
                    items:phases.map((p, i)=>({
                            ...p, origIdx:i
                        })).filter(p=>p.block===bk)
            })).filter(g=>g.items.length>0);
    const totalGrps=grps.length;

    return grps.map((grp, gi)=> {
            const totalWeeks=grp.items.reduce((a, x)=>a+(+x.weeks||0), 0);

            return (<div key= {
                    gi
                }

                style= {
                        {
                        marginBottom:'14px', pageBreakInside:'avoid'
                    }
                }

                > <div style= {
                        {
                        borderLeft:'5px solid ' +grp.clr.border, background:grp.clr.bg, padding:'6px 10px', marginBottom:'8px', borderRadius:'0 6px 6px 0'
                    }
                }

                > <b style= {
                        {
                        fontSize:'13px', display:'block', color:grp.clr.hdr
                    }
                }

                >Phase {
                    gi+1
                }

                / {
                    totalGrps
                }

                : {
                    grp.label
                }

                </b> <span style= {
                        {
                        fontSize:'10px', color:'#64748b'
                    }
                }

                > {
                    grp.items.length
                }

                block · {
                    totalWeeks
                }

                tuần</span> </div> <div style= {
                        {
                        display:'grid', gridTemplateColumns:'repeat(2,1fr)', gap:'8px'
                    }
                }

                > {
                    grp.items.map((block, bi)=> {
                            const p=block;
                            const idx=block.origIdx;

                            const dateInfo=(phasesWithDates && phasesWithDates[idx]) || {}

                            ;
                            const isSpecial= ! !p.isSpecialPhase;

                            return (<div key= {
                                    bi
                                }

                                className= {
                                    'print-phase' + (isSpecial ? ' print-phase-special' : '')
                                }

                                > <div className="print-phase-header" > <b>Block {
                                    bi+1
                                }

                                : {
                                    grp.label
                                }

                                </b> — {
                                    p.weeks
                                }

                                tuan {
                                    dateInfo.startDateStr && <span className="print-phase-dates" > ({
                                        fmtDate(dateInfo.startDateStr)
                                    }

                                    → {
                                        fmtDate(dateInfo.endDateStr)
                                    })</span>
                            }

                            </div> <table className="print-phase-table" > <tbody> <tr> <td>Can nang: {
                                p.startW
                            }

                            → {
                                p.endW
                            }

                            kg</td> <td>% Mo: {
                                p.startBF
                            }

                            → {
                                p.endBF
                            }

                            %</td> <td>LBM: {
                                p.startLBM
                            }

                            → {
                                p.endLBM
                            }

                            kg</td> <td>FFMI: {
                                p.startFFMI
                            }

                            → {
                                p.endFFMI
                            }

                            </td> </tr> <tr> <td>BMR: {
                                p.bmrAtStart
                            }

                            </td> <td>TDEE: {
                                p.tdeeAtStart
                            }

                            </td> <td colSpan="2" >Calo muc tieu: <b> {
                                p.macros.caloGoal
                            }

                            kcal</b></td> </tr> </tbody> </table> <p className="print-macro" > Protein: <b> {
                                p.macros.protein
                            }

                            g</b> · Carb: <b> {
                                p.macros.carb
                            }

                            g</b> · Fat: <b> {
                                p.macros.fat
                            }

                            g</b> {
                                ' '
                            }

                            · Van dong: {
                                (p.steps || 0).toLocaleString('vi-VN')
                            }

                            buoc/ngay, {
                            p.trainDays
                        }

                        buoi x {
                            p.trainDuration
                        }

                        phut </p> </div>);
                })
        }

        </div> </div>);
});
})()
}

</>) : null
}

<p className="print-footer">Tạo bởi Lộ Trình Physique App — ctgfitness.com · {
    fmtDate(todayISO())
}

</p></div>);
}

// ====================== TRANG BÁO CÁO CHI TIẾT (xem trên web, đầy đủ như hồ sơ, full-width) ======================
function DetailReportView({
    d, base, multiPhase, phasesWithDates, assessment, currentPhaseIdx, onBack, onRestart

}) {
    const phases=multiPhase ? multiPhase.phases: [];
    // Hệ thống cỡ chữ đồng bộ cho toàn trang chi tiết — to hơn hẳn so với bản tóm tắt, vì đây
    // là trang đọc kỹ/in ấn, không phải xem nhanh: label phụ ~15px, giá trị chính ~19-21px,
    // tiêu đề section ~22-26px (co giãn theo màn hình bằng clamp).
    const sectionTitle="font-bold text-slate-800 border-l-4 border-indigo-500 pl-3 mb-4";

    const sectionTitleStyle= {
        fontSize: 'clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem)'
    }

    ;
    const card="bg-white rounded-2xl border border-slate-200 p-4 sm:p-4 lg:p-5";

    const labelStyle= {
        fontSize: '0.9375rem'
    }

    ;

    const valueStyle= {
        fontSize: 'clamp(1.125rem, 1.05rem + 0.3vw, 1.3125rem)'
    }

    ;

    const toneClasses= {
        slate: {
            bg: 'bg-slate-50', label: 'text-slate-400', value: 'text-slate-800'
        }

        ,
        indigo: {
            bg: 'bg-indigo-50', label: 'text-indigo-400', value: 'text-indigo-800'
        }

        ,
        blue: {
            bg: 'bg-blue-50', label: 'text-blue-400', value: 'text-blue-800'
        }

        ,
    }

    ;

    const StatBox=({
        label, value, tone='slate'

    })=> {
    const c=toneClasses[tone] || toneClasses.slate;

    return (<div className= {
            `min-w-0 ${
                c.bg
            }

            rounded-xl p-3.5`
        }

        > <p className= {
            c.label
        }

        style= {
            labelStyle
        }

        > {
            label
        }

        </p> <p className= {
            `font-bold ${
                c.value
            }

            break-words`
        }

        style= {
            valueStyle
        }

        > {
            value
        }

        </p> </div>);
}

;

return (<div className="w-full px-3 sm:px-6 lg:px-10 xl:px-16 2xl:px-24 py-5 sm:py-8 space-y-6" > <div className="flex items-center justify-between gap-3 flex-wrap" > <div> <h1 className="font-bold text-slate-800" style= {
            {
            fontSize: 'clamp(1.625rem, 1.3rem + 1.5vw, 2.5rem)'
        }
    }

    >📋 Báo Cáo Lộ Trình Chi Tiết</h1> <p className="text-slate-500 mt-1" style= {
            {
            fontSize: 'clamp(1rem, 0.95rem + 0.2vw, 1.125rem)'
        }
    }

    >Hồ sơ đầy đủ: thông tin khách hàng, số đo, tập luyện & toàn bộ lộ trình</p> </div> <div style= {
            {
            position:'fixed', top:'80px', right:'16px', zIndex:1000, background:'rgba(255,255,255,0.97)', backdropFilter:'blur(8px)', padding:'6px 14px', borderRadius:'14px', boxShadow:'0 2px 16px rgba(0,0,0,0.15)', border:'1px solid #e2e8f0'
        }
    }

    ><button onClick= {
        onBack
    }

    className="flex-shrink-0 px-5 py-3 bg-slate-200 hover:bg-slate-300 text-slate-700 font-semibold rounded-xl transition" style= {
            {
            fontSize: '1rem'
        }
    }

    > ← Quay lại tóm tắt </button></div> </div> {
        /* ===== 1. THÔNG TIN KHÁCH HÀNG ===== */
    }

    <div className= {
        card
    }

    > <p className= {
        sectionTitle
    }

    style= {
        sectionTitleStyle
    }

    >👤 Thông tin khách hàng</p> <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3" > <StatBox label="Họ tên" value= {
        d.name || '—'
    }

    /> <StatBox label="Số điện thoại" value= {
        d.phone || '—'
    }

    /> <StatBox label="Giới tính" value= {
        d.gender
    }

    /> <StatBox label="Tuổi" value= {
        d.age
    }

    /> <StatBox label="Ngày bắt đầu" value= {
        fmtDate(d.startDate)
    }

    /> <StatBox label="Ngày tạo hồ sơ" value= {
        fmtDate(todayISO())
    }

    /> </div> </div> {
        /* ===== 2. SỐ ĐO CƠ THỂ ===== */
    }

    <div className= {
        card
    }

    > <p className= {
        sectionTitle
    }

    style= {
        sectionTitleStyle
    }

    >📏 Số đo cơ thể hiện tại</p> <div className="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3" > <StatBox label="Chiều cao" value= {
        `${
            d.height
        }

        cm`
    }

    tone="indigo" /> <StatBox label="Cân nặng" value= {
        `${
            d.weight
        }

        kg`
    }

    tone="indigo" /> <StatBox label="% Mỡ" value= {
        `${
            d.currentBF
        }

        %`
    }

    tone="indigo" /> <StatBox label="FFMI" value= {
        fmt(base.ffmi, 2)
    }

    tone="indigo" /> <StatBox label="LBM (nạc)" value= {
        `${
            fmt(base.lbm, 1)
        }

        kg`
    }

    tone="indigo" /> <StatBox label="BMR" value= {
        `${
            fmt(base.bmr, 0)
        }

        kcal`
    }

    tone="indigo" /> <StatBox label="TDEE" value= {
        `${
            fmt(base.tdee, 0)
        }

        kcal`
    }

    tone="indigo" /> <StatBox label="Calo mục tiêu" value= {
        `${
            fmt(base.caloGoal, 0)
        }

        kcal`
    }

    tone="indigo" /> </div> </div> {
        /* ===== 3. TẬP LUYỆN & HOẠT ĐỘNG ===== */
    }

    <div className= {
        card
    }

    > <p className= {
        sectionTitle
    }

    style= {
        sectionTitleStyle
    }

    >🏋️ Tập luyện & hoạt động (mức nền)</p> <div className="grid grid-cols-2 sm:grid-cols-4 gap-3 mb-4" > <StatBox label="Buổi tập/tuần" value= {
        d.trainDays
    }

    /> <StatBox label="Phút/buổi" value= {
        d.trainDuration
    }

    /> <StatBox label="Bước chân/ngày" value= {
        (+d.steps || 0).toLocaleString('vi-VN')
    }

    /> <StatBox label="Cardio (km/ngày)" value= {
        d.cardioKm
    }

    /> </div> {
        d.sports && d.sports.length > 0 && (<div className="space-y-2" > <p className="text-slate-500 font-semibold" style= {
                labelStyle
            }

            >Bộ môn hoạt động khác:</p> {
                d.sports.map((s, i)=> (<div key= {
                            i
                        }

                        className="bg-slate-50 rounded-xl p-3 flex items-center justify-between gap-2 flex-wrap" > <span className="font-semibold text-slate-700" style= {
                            valueStyle
                        }

                        > {
                            s.name && s.name.trim() ? s.name.trim() : s.type
                        }

                            {
                            s.effort ? `(${
                                    s.effort
                                })` : ''
                        }

                        </span> <span className="text-slate-500" style= {
                            labelStyle
                        }

                        > {
                            s.sessions
                        }

                        buổi × {
                            s.duration
                        }

                        phút · MET {
                            s.met
                        }

                        </span> </div>))
            }

            </div>)
    }

    </div> {
        /* ===== 4. TỔNG QUAN LỘ TRÌNH + BIỂU ĐỒ ===== */
    }

        {
        multiPhase && (<div className= {
                card
            }

            > <p className= {
                sectionTitle
            }

            style= {
                sectionTitleStyle
            }

            >🔁 Tổng quan lộ trình</p> <div className="grid grid-cols-2 sm:grid-cols-4 gap-3 mb-4" > <StatBox label="Tổng thời gian" value= {
                `${
                    multiPhase.totalWeeks
                }

                tuần`
            }

            tone="blue" /> <StatBox label="Quy đổi tháng" value= {
                `~${
                    multiPhase.totalMonths
                }

                tháng`
            }

            tone="blue" /> <StatBox label="Số giai đoạn" value= {
                phases.length
            }

            tone="blue" /> <StatBox label="Hoàn thành dự kiến" value= {
                phasesWithDates.length > 0 ? fmtDate(phasesWithDates[phasesWithDates.length - 1].endDateStr) : '—'
            }

            tone="blue" /> </div> {
                /* ===== BIỂU ĐỒ TOÀN LỘ TRÌNH ===== */
            }

            <div className="mb-4" > <WaveChart timeline= {
                multiPhase.timeline
            }

            phases= {
                multiPhase.phases
            }

            /> </div> <div className="bg-indigo-50 rounded-xl p-4" > <p className="font-semibold text-indigo-700 mb-1" style= {
                valueStyle
            }

            >🩺 Đánh giá thể trạng & lý do lộ trình</p> <p className="text-slate-700" style= {
                    {
                    fontSize: '1.0625rem', lineHeight: 1.6
                }
            }

            > {
                assessment
            }

            </p> </div> </div>)
    }

        {
        /* ===== 5. CHI TIẾT TỪNG GIAI ĐOẠN (PHASE) ===== */
    }

        {
        phases.length > 0 && (<div className= {
                card
            }

            > <p className= {
                sectionTitle
            }

            style= {
                sectionTitleStyle
            }

            >📋 Chi tiết từng giai đoạn</p> {
                (()=> {
                        const blockOrder=['block1', 'block2', 'block3'];

                        const blockColors= {
                            block1: {
                                border: 'border-red-400', text: 'text-red-800', bg: 'bg-red-50'
                            }

                            ,
                            block2: {
                                border: 'border-emerald-400', text: 'text-emerald-800', bg: 'bg-emerald-50'
                            }

                            ,
                            block3: {
                                border: 'border-blue-400', text: 'text-blue-800', bg: 'bg-blue-50'
                            }
                        }

                        ;

                        const blockLbls= {
                            block1: '📉 Giảm mỡ', block2: '📈 Tăng cơ', block3: '🎯 Điều chỉnh bodyfat'
                        }

                        ;

                        const blockGroups=blockOrder.map(bk=> ({

                                blockKey: bk,
                                items: phases.map((p, i)=> ({
                                        ...p, origIdx: i
                                    })).filter(p=> p.block===bk)
                        })).filter(bg=> bg.items.length > 0);
                const totalPhases=blockGroups.length;

                return blockGroups.map((grp, gi)=> {
                        const colors=blockColors[grp.blockKey] || {
                            border: 'border-slate-400', text: 'text-slate-800', bg: 'bg-slate-50'
                        }

                        ;
                        const borderCls=colors.border;
                        const textCls=colors.text;
                        const bgCls=colors.bg;
                        const grpLabel=blockLbls[grp.blockKey] || grp.blockKey;
                        const totalWeeks=grp.items.reduce((a, x)=> a + (+x.weeks || 0), 0);

                        return (<div key= {
                                gi
                            }

                            className="mb-8" > <div className= {
                                bgCls + ' border-l-[6px] ' + borderCls + ' rounded-r-2xl px-5 py-4 mb-4'
                            }

                            > <h2 className= {
                                'font-black ' + textCls
                            }

                            style= {
                                    {
                                    fontSize:'clamp(1.5rem,1.2rem + 1.2vw,2.1rem)', letterSpacing:'-0.02em', lineHeight:1.1
                                }
                            }

                            > Phase {
                                gi+1
                            }

                            / {
                                totalPhases
                            }

                            : {
                                grpLabel
                            }

                            </h2> <p className="text-slate-500 mt-1" style= {
                                    {
                                    fontSize:'0.9rem'
                                }
                            }

                            > {
                                grp.items.length
                            }

                            block · {
                                totalWeeks
                            }

                            tuần</p> </div> <div className="grid grid-cols-2 gap-4" > {
                                grp.items.map((block, bi)=> {
                                        const p=block;
                                        const idx=block.origIdx;

                                        const dateInfo=phasesWithDates[idx] || {}

                                        ;
                                        const isCurrent=idx===currentPhaseIdx;

                                        return (<div key= {
                                                bi
                                            }

                                            className= {
                                                'border-l-4 border-y border-r border-slate-200 shadow-sm ' + borderCls + ' bg-slate-50 rounded-xl p-3'
                                            }

                                            > <div className="flex items-center justify-between gap-2 flex-wrap mb-2" > <p className="font-bold text-slate-800" style= {
                                                    {
                                                    fontSize: 'clamp(1.0625rem, 1rem + 0.2vw, 1.1875rem)'
                                                }
                                            }

                                            > Block {
                                                bi + 1
                                            }

                                            — {
                                                p.weeks
                                            }

                                            tuần </p> {
                                                isCurrent && <span className="bg-amber-400 text-amber-900 px-2.5 py-1 rounded-full font-bold flex-shrink-0" style= {
                                                        {
                                                        fontSize: '0.8125rem'
                                                    }
                                                }

                                                >ĐANG DIỄN RA</span>
                                            }

                                            </div> {
                                                dateInfo.startDateStr && (<p className="text-slate-500 mb-3" style= {
                                                        labelStyle
                                                    }

                                                    >📅 {
                                                        fmtDate(dateInfo.startDateStr)
                                                    }

                                                    → {
                                                        fmtDate(dateInfo.endDateStr)
                                                    }

                                                    </p>)
                                            }

                                            <div className="grid grid-cols-2 sm:grid-cols-4 gap-2.5 mb-2.5" > <div className="bg-white rounded-lg p-2.5 border border-slate-200 shadow-sm" ><p className="text-slate-400" style= {
                                                    {
                                                    fontSize: '0.8125rem'
                                                }
                                            }

                                            >⚖️ Cân nặng</p><p className="font-semibold" style= {
                                                valueStyle
                                            }

                                            > {
                                                p.startW
                                            }

                                            → {
                                                p.endW
                                            }

                                            kg</p></div> <div className="bg-white rounded-lg p-2.5 border border-slate-200 shadow-sm" ><p className="text-slate-400" style= {
                                                    {
                                                    fontSize: '0.8125rem'
                                                }
                                            }

                                            >🔥 % Mỡ</p><p className="font-semibold" style= {
                                                valueStyle
                                            }

                                            > {
                                                p.startBF
                                            }

                                            → {
                                                p.endBF
                                            }

                                            %</p></div> <div className="bg-white rounded-lg p-2.5 border border-slate-200 shadow-sm" ><p className="text-slate-400" style= {
                                                    {
                                                    fontSize: '0.8125rem'
                                                }
                                            }

                                            >💪 LBM</p><p className="font-semibold" style= {
                                                valueStyle
                                            }

                                            > {
                                                p.startLBM
                                            }

                                            → {
                                                p.endLBM
                                            }

                                            kg</p></div> <div className="bg-white rounded-lg p-2.5 border border-slate-200 shadow-sm" ><p className="text-slate-400" style= {
                                                    {
                                                    fontSize: '0.8125rem'
                                                }
                                            }

                                            >📐 FFMI</p><p className="font-semibold" style= {
                                                valueStyle
                                            }

                                            > {
                                                p.startFFMI
                                            }

                                            → {
                                                p.endFFMI
                                            }

                                            </p></div> </div> <div className="grid grid-cols-2 sm:grid-cols-3 gap-2.5 mb-2.5" > <div className="bg-white rounded-lg p-2.5 border border-slate-200 shadow-sm" ><p className="text-slate-400" style= {
                                                    {
                                                    fontSize: '0.8125rem'
                                                }
                                            }

                                            >BMR</p><p className="font-semibold" style= {
                                                valueStyle
                                            }

                                            > {
                                                p.bmrAtStart
                                            }

                                            </p></div> <div className="bg-white rounded-lg p-2.5 border border-slate-200 shadow-sm" ><p className="text-slate-400" style= {
                                                    {
                                                    fontSize: '0.8125rem'
                                                }
                                            }

                                            >TDEE</p><p className="font-semibold" style= {
                                                valueStyle
                                            }

                                            > {
                                                p.tdeeAtStart
                                            }

                                            </p></div> <div className="bg-white rounded-lg p-2.5 border border-slate-200 shadow-sm" ><p className="text-slate-400" style= {
                                                    {
                                                    fontSize: '0.8125rem'
                                                }
                                            }

                                            >Calo mục tiêu</p><p className="font-semibold" style= {
                                                valueStyle
                                            }

                                            > {
                                                p.macros.caloGoal
                                            }

                                            </p></div> </div> <p className="text-slate-600 flex flex-wrap gap-x-4 gap-y-1" style= {
                                                    {
                                                    fontSize: '1rem'
                                                }
                                            }

                                            > <span>Protein <b> {
                                                p.macros.protein
                                            }

                                            g</b></span> <span>Carb <b> {
                                                p.macros.carb
                                            }

                                            g</b></span> <span>Fat <b> {
                                                p.macros.fat
                                            }

                                            g</b></span> <span>Vận động: {
                                                (p.steps || 0).toLocaleString('vi-VN')
                                            }

                                            bước/ngày, {
                                            p.trainDays
                                        }

                                        buổi × {
                                            p.trainDuration
                                        }

                                        phút</span> </p> </div>);
                                })
                        }

                        </div> </div>);
                });
        })()
}

</div>)
}

<div style= {
        {
        position:'fixed', bottom:'20px', left:'50%', transform:'translateX(-50%)', zIndex:1000, background:'rgba(30,41,59,0.97)', backdropFilter:'blur(8px)', padding:'0', borderRadius:'16px', boxShadow:'0 4px 24px rgba(0,0,0,0.3)', width:'min(320px,calc(100vw - 32px))'
    }
}

><button onClick= {
    ()=> {
        const pr=document.querySelector('.print-report'); if(pr) pr.style.display='block'; setTimeout(()=> {
                (function() {
                        var el=document.querySelector('.print-report');
                        var styles='';

                        document.querySelectorAll('style').forEach(function(s) {
                                styles+=s.innerHTML;
                            });
                        var w=window.open('', '_print_pdf', 'width=900,height=700');
                        w.document.write('<!DOCTYPE html><html><head><meta charset="UTF-8"><style>' +styles+'</style><style>*{box-sizing:border-box}body{margin:0;padding:14mm 12mm;background:#fff}.print-report{display:block!important;position:static!important;visibility:visible!important;width:100%!important;left:auto!important}.print-report *{visibility:visible!important}@media print{@page{size:A4;margin:14mm 12mm}.print-report{width:100%!important;overflow:visible!important}}</style></head><body>' +el.outerHTML+'</body></html>');
                        w.document.close();
                        w.focus();

                        setTimeout(function() {
                                w.print();
                            }

                            , 800);

                    })(); setTimeout(()=> {
                        if(pr) pr.style.display='';
                    }

                    , 1000);
            }

            , 200);
    }
}

className="w-full py-4 bg-slate-700 hover:bg-slate-800 text-white font-semibold rounded-xl transition" style= {
        {
        fontSize: '1.125rem'
    }
}

> 📄 Xuất file PDF (toàn bộ báo cáo) </button> <button onClick= {
    onRestart
}

className="w-full py-3 bg-orange-500 hover:bg-orange-600 text-white font-semibold rounded-xl transition" style= {
        {
        fontSize: '1rem'
    }
}

> 🔄 Bắt đầu lại </button></div> </div>);
}

// ====================== COMPONENT CHÍNH ======================
function PipImages({
    img1Src, img1Alt, img1Label, img2Src, img2Alt, img2Label

}) {
    const [focused,
    setFocused]=useState(null);

    if ( !focused) {
        return (<div style= {
                    {
                    display:'grid', gridTemplateColumns:'1fr 1fr', gap:'8px', marginTop:'4px'
                }
            }

            > <div onClick= {
                ()=>setFocused(1)
            }

            style= {
                    {
                    cursor:'pointer', textAlign:'center'
                }
            }

            > <p style= {
                    {
                    fontSize:'10px', color:'#94a3b8', marginBottom:'3px'
                }
            }

            > {
                img1Label
            }

            </p> <img src= {
                img1Src
            }

            alt= {
                img1Alt
            }

            style= {
                    {
                    width:'100%', borderRadius:'6px', display:'block'
                }
            }

            /> </div> <div onClick= {
                ()=>setFocused(2)
            }

            style= {
                    {
                    cursor:'pointer', textAlign:'center'
                }
            }

            > <p style= {
                    {
                    fontSize:'10px', color:'#94a3b8', marginBottom:'3px'
                }
            }

            > {
                img2Label
            }

            </p> <img src= {
                img2Src
            }

            alt= {
                img2Alt
            }

            style= {
                    {
                    width:'100%', borderRadius:'6px', display:'block'
                }
            }

            /> </div> <p style= {
                    {
                    gridColumn:'1/-1', fontSize:'9px', color:'#cbd5e1', textAlign:'center', margin:0
                }
            }

            >Tap ảnh để phóng to</p> </div>);
    }

    const big=focused===1? {
        src: img1Src, alt:img1Alt, label:img1Label
    }

    : {
        src: img2Src, alt:img2Alt, label:img2Label
    }

    ;

    const sm=focused===1? {
        src: img2Src, alt:img2Alt, label:img2Label
    }

    : {
        src: img1Src, alt:img1Alt, label:img1Label
    }

    ;
    const smN=focused===1?2:1;

    return (<div> <img src= {
            big.src
        }

        alt= {
            big.alt
        }

        onClick= {
            ()=>setFocused(null)
        }

        style= {
                {
                width:'100%', borderRadius:'8px', display:'block', cursor:'pointer'
            }
        }

        /> <p style= {
                {
                fontSize:'9px', color:'#94a3b8', textAlign:'center', marginTop:'3px'
            }
        }

        > {
            big.label
        }

        · tap để thu nhỏ</p> <div onClick= {
            ()=>setFocused(smN)
        }

        style= {
                {
                display:'block', marginLeft:'auto', marginTop:'4px', width:'22%', cursor:'pointer',
                border:'2px solid white', borderRadius:'6px', overflow:'hidden',
                boxShadow:'0 2px 10px rgba(0,0,0,0.35)'
            }
        }

        > <img src= {
            sm.src
        }

        alt= {
            sm.alt
        }

        style= {
                {
                width:'100%', display:'block'
            }
        }

        /> <div style= {
                {
                background:'rgba(0,0,0,0.55)', padding:'2px 4px', textAlign:'center'
            }
        }

        > <span style= {
                {
                fontSize:'8px', color:'#64748b'
            }
        }

        > {
            sm.label.substring(0, 14)
        }

        </span> </div> </div> </div>);
}

/* ================= AI BODY FAT SCAN (AiBodyFatScan) - THEM MOI ================= */
function compressImageFile(file, maxSize, quality) {
    return new Promise((resolve, reject)=> {
            const reader=new FileReader();
            reader.onerror=()=> reject(new Error('read fail'));

            reader.onload=()=> {
                const img=new Image();
                img.onerror=()=> reject(new Error('img fail'));

                img.onload=()=> {
                    let w=img.width, h=img.height;

                    if (w > h && w > maxSize) {
                        h=Math.round(h * maxSize / w); w=maxSize;
                    }

                    else if (h > maxSize) {
                        w=Math.round(w * maxSize / h); h=maxSize;
                    }

                    const canvas=document.createElement('canvas');
                    canvas.width=w; canvas.height=h;
                    const ctx=canvas.getContext('2d');
                    ctx.drawImage(img, 0, 0, w, h);
                    const dataUrl=canvas.toDataURL('image/jpeg', quality);
                    resolve(dataUrl.split(',')[1]);
                }

                ;
                img.src=reader.result;
            }

            ;
            reader.readAsDataURL(file);
        });
}

function AiBodyFatScanLockedOverlay({
    onOpenModal

}) {
    return React.createElement('div', {
        className: 'absolute inset-0 z-10 flex flex-col items-center justify-center bg-white/60 backdrop-blur-[1px] rounded-xl cursor-pointer',
        onClick: onOpenModal
    }

    ,
    React.createElement('div', {
        className: 'text-3xl mb-1'
    }

    , '🔒'),
React.createElement('p', {
    className: 'text-xs font-semibold text-slate-600 px-3 text-center'
}

, 'Nhấn để xem thêm'));
}

function AiUnlockModal({
    onClose

}) {
    const zaloUrl='https://zalo.me/0708673007';
    const qrUrl='https://api.qrserver.com/v1/create-qr-code/?size=180x180&data='+encodeURIComponent(zaloUrl);

    return React.createElement('div', {
        className: 'fixed inset-0 z-[9999] flex items-center justify-center bg-black/50 p-4',
        onClick: onClose
    }

    ,
    React.createElement('div', {
        className: 'bg-white rounded-2xl shadow-xl max-w-sm w-full p-6 text-center relative',
        onClick: (e)=> e.stopPropagation()
    }

    ,
    React.createElement('button', {
        className: 'absolute top-3 right-3 text-slate-400 hover:text-slate-600 text-xl leading-none',
        onClick: onClose
    }

    , '×'),
React.createElement('div', {
    className: 'text-4xl mb-2'
}

, '🔒'),
React.createElement('h3', {
    className: 'text-lg font-bold text-indigo-700 mb-2'
}

, 'Tính năng nâng cao'),
React.createElement('p', {
    className: 'text-sm text-slate-600 mb-4'
}

, 'Liên hệ với chúng tôi để mở khóa tính năng Đo %Mỡ bằng AI.'),
React.createElement('a', {
    href: 'tel:0708673007',
    className: 'inline-block bg-indigo-600 text-white font-semibold rounded-xl px-4 py-2 mb-4 hover:bg-indigo-700'
}

, '📞 Gọi 0708673007'),
React.createElement('div', {
    className: 'flex flex-col items-center gap-2'
}

,
React.createElement('img', {
    src: qrUrl, alt: 'QR Zalo', className: 'w-[140px] h-[140px] rounded-lg border border-slate-200'

}),
React.createElement('p', {
    className: 'text-xs text-slate-400'
}

, 'Quét QR để chat Zalo'))));
}

function IdealModelPicker({
    d, set

}) {
    const [tierInfo,
    setTierInfo]=useState(null);

    useEffect(()=> {
            let cancelled=false;

            fetch('/wp-json/ctg/v1/my-tier?_ctgts=' + Date.now(), {
                credentials: 'same-origin', cache: 'no-store'

            }) .then(r=> r.ok ? r.json() : null) .then(data=> {
                if ( !cancelled) setTierInfo(data);

            }) .catch(()=> {});

        return ()=> {
            cancelled=true;
        }

        ;
    }

    , []);
const freshRole2=tierInfo ? tierInfo.roleType : undefined;
const staticAllowed2= ! !window.ctgUserRoleType && window.ctgUserRoleType !=='khach_thu' && window.ctgMemberTier !=='khach_thu' && window.ctgMemberTier !=='hlv_thu' && window.ctgIsExpired !==true && window.ctgNotActive !==true || window.ctgAiUnlocked===true;
const freshAllowed2= ! !tierInfo && tierInfo.isExpired !==true && tierInfo.notActive !==true && tierInfo.memberTier !=='khach_thu' && tierInfo.memberTier !=='hlv_thu' && (( ! !freshRole2 && freshRole2 !=='khach_thu') || tierInfo.memberTier==='khach') || (tierInfo && tierInfo.aiUnlocked===true);
const isLocked= !(staticAllowed2 || freshAllowed2);
const [showModal,
setShowModal]=useState(false);
const [tab,
setTab]=useState('image');
const [img,
setImg]=useState(null);
const [idolName,
setIdolName]=useState('');
const [busy,
setBusy]=useState(false);
const [err,
setErr]=useState('');
const [result,
setResult]=useState(null);
const [applied,
setApplied]=useState(false);
const [lastKind,
setLastKind]=useState('');
const [appliedVals,
setAppliedVals]=useState(null);
const [wikiImg,
setWikiImg]=useState(null);

function applyTarget(bf, ff) {
    set('targetBF', String(bf));
    if (Number(ff) > 0) set('targetFFMI', String(ff));
    setApplied(true);

    setAppliedVals({
        bf: bf, ff: ff
    });
}

async function callIdol(payload) {
    setBusy(true);
    setErr('');
    setResult(null);
    setApplied(false);
    setLastKind(payload.type);
    setWikiImg(null);

    try {
        const resp=await fetch('/wp-json/ctg/v1/analyze-idol', {

            method: 'POST',
            credentials: 'same-origin',
            headers: {
                'Content-Type': 'application/json', 'X-WP-Nonce': (window.wpApiSettings && window.wpApiSettings.nonce) || ''
            }

            ,
            body: JSON.stringify(payload)
        });
    const j=await resp.json().catch(()=> null);

    if ( !resp.ok) {
        setErr((j && (j.message || j.error)) || ('Lỗi HTTP ' + resp.status));
        setBusy(false);
        return;
    }

    setResult(j);

    if (j && j.wikiTitle && ((payload.type==='text' && j.found) || (payload.type==='image' && j.isCelebrity && j.lowConfidence===true))) {
        fetch('https://en.wikipedia.org/api/rest_v1/page/summary/' + encodeURIComponent(j.wikiTitle)) .then(r=> r.ok ? r.json() : null) .then(wk=> {
                if (wk && wk.thumbnail && wk.thumbnail.source) setWikiImg({
                    src: (wk.originalimage && wk.originalimage.source) || wk.thumbnail.source, page: (wk.content_urls && wk.content_urls.desktop && wk.content_urls.desktop.page) || ''
                });

        }) .catch(()=> {});
}

const needChoice=payload.type==='image' && j && j.found && j.isCelebrity && Number(j.peakBodyFatPercent)>0;

if ( !needChoice && j && j.found && Number(j.bodyFatPercent) > 0) {
    applyTarget(j.bodyFatPercent, j.ffmi);
}
}

catch (e) {
    setErr('Không kết nối được máy chủ, thử lại.');
}

setBusy(false);
}

async function onIdolFile(f) {
    if ( !f) return;
    setErr('');

    try {
        setImg(await compressImageFile(f, 900, 0.85));
    }

    catch (er) {
        setErr('Không đọc được ảnh, thử ảnh khác.');
    }
}

async function onPickImage(e) {
    onIdolFile(e.target.files && e.target.files[0]);
}

async function useWikiPhoto() {
    if ( !wikiImg) return;

    try {
        setBusy(true);
        setErr('');
        const b=await fetch(wikiImg.src).then(r=> r.blob());

        const durl=await new Promise((res, rej)=> {
                const fr=new FileReader(); fr.onload=()=> res(String(fr.result)); fr.onerror=rej; fr.readAsDataURL(b);
            });
        setImg(durl.indexOf('base64,') > -1 ? durl.split('base64,')[1] : durl);
        setBusy(false);

        callIdol({
            type: 'image', image: durl, gender: d.gender
        });
}

catch (e) {
    setBusy(false);
    setErr('Không tải được ảnh gợi ý, thử lại.');
}
}

const tabCls=(on)=>'cursor-pointer border-2 rounded-lg px-4 py-2 text-sm font-semibold '+(on ? 'border-indigo-600 bg-indigo-50 text-indigo-700' : 'border-slate-300 text-slate-500');
const isFemaleGender=d.gender==='Nữ';
const ffmiCap=isFemaleGender ? 18 : 25;
const naturalLimit=isFemaleGender ? 'khoảng 18 (FFMI) với nữ' : 'khoảng 25 (FFMI) với nam';

function renderResultWarn() {
    const parts=[];
    const maxFfmi=Math.max(Number(result.peakFfmi) || 0, Number(result.ffmi) || 0);

    if (maxFfmi > ffmiCap) {
        parts.push('FFMI ~' + maxFfmi + ' rất khó đạt nếu chỉ tập tự nhiên; giới hạn thực tế thường là ' + naturalLimit + '. Đây là mức của người có gen tốt, tập lâu năm hoặc có thể dùng chất hỗ trợ — hãy xem là hình mẫu truyền cảm hứng và đặt mục tiêu phù hợp thể trạng của bạn.');
    }

    if (lastKind==='image' && result.isCelebrity) {
        parts.push('AI có thể nhận diện nhầm gương mặt nên thông tin idol có thể chưa chính xác — vui lòng đối chiếu lại.');
    }

    if ( !parts.length) return null;

    return React.createElement('div', {
        className: 'mt-3 text-xs text-rose-700 bg-rose-50 border border-rose-200 rounded-lg p-2'
    }

    , parts.map(function(p, i) {
            return React.createElement('div', {
                key: i, className: i ? 'mt-1' : ''
            }

            , '⚠️ ' + p);
    }));
}

if (isLocked) {
    return (<div className="border-2 border-slate-200 rounded-xl p-4" > <div className="flex items-center gap-2 font-semibold text-slate-700" >⭐ Hình mẫu lý tưởng (AI) <span>🔒</span></div> <div className="relative mt-2 rounded-xl" style= {
                {
                minHeight:96
            }
        }

        > <div className="text-sm text-slate-400 p-2" >Tải ảnh hoặc nhập tên idol của bạn — AI sẽ phân tích %Mỡ + FFMI của hình mẫu và tự đặt mục tiêu cho bạn.</div> <AiBodyFatScanLockedOverlay onOpenModal= {
            ()=> setShowModal(true)
        }

        /> </div> {
            showModal && <AiUnlockModal onClose= {
                ()=> setShowModal(false)
            }

            />
        }

        </div>);
}

return (<div className="border-2 border-indigo-100 rounded-xl p-4 bg-white" > <div className="font-semibold text-slate-700 mb-3" >⭐ Hình mẫu lý tưởng (AI)</div> <div className="flex gap-3 mb-4" > <div onClick= {
        ()=> {
            setTab('image'); setErr(''); setResult(null);
        }
    }

    className= {
        tabCls(tab==='image')
    }

    >📷 Nhập hình ảnh</div> <div onClick= {
        ()=> {
            setTab('text'); setErr(''); setResult(null);
        }
    }

    className= {
        tabCls(tab==='text')
    }

    >⌨️ Nhập văn bản</div> </div> {
        tab==='image' && (<div> <label className="block border-2 border-dashed border-slate-300 rounded-xl h-64 bg-slate-50 overflow-hidden relative cursor-pointer hover:border-indigo-400" onDragOver= {
                e=> e.preventDefault()
            }

            onDrop= {
                e=> {
                    e.preventDefault(); onIdolFile(e.dataTransfer.files && e.dataTransfer.files[0]);
                }
            }

            > <input type="file" accept="image/*" className="sr-only" onChange= {
                onPickImage
            }

            /> <span key= {
                img ? 'y' : 'n'
            }

            className="absolute inset-0 flex items-center justify-center" > {
                img ? <img src= {
                    img.indexOf('data:')===0 ? img : 'data:image/jpeg;base64,' + img
                }

                alt="Hình mẫu" className="h-full w-full object-contain" /> : <span className="text-sm text-slate-400" >📷 Bấm để chọn ảnh hình mẫu lý tưởng</span>
            }

            </span> </label> <button type="button" disabled= {
                !img || busy
            }

            onClick= {
                ()=> callIdol({
                    type: 'image', image: img, gender: d.gender
                })
        }

        className="mt-3 w-full py-2.5 rounded-lg bg-indigo-600 text-white text-sm font-semibold disabled:opacity-50" > {
            busy ? '⏳ AI đang phân tích ảnh...' : '🔍 Phân tích hình mẫu'
        }

        </button> </div>)
}

    {
    tab==='text' && (<div> <input type="text" value= {
            idolName
        }

        onChange= {
            e=> setIdolName(e.target.value)
        }

        placeholder="Nhập tên idol HOẶC mô tả tiêu chí (VD: Chris Bumstead, hoặc: tỷ lệ cơ thể hút mắt nhất với nam Việt)" className="w-full border border-slate-300 rounded-lg px-3 py-2 text-sm" /> <button type="button" disabled= {
            !idolName.trim() || busy
        }

        onClick= {
            ()=> callIdol({
                type: 'text', name: idolName.trim(), gender: d.gender
            })
    }

    className="mt-3 w-full py-2.5 rounded-lg bg-indigo-600 text-white text-sm font-semibold disabled:opacity-50" > {
        busy ? '⏳ AI đang tra cứu...' : '🔍 Tìm thông số'
    }

    </button> </div>)
}

    {
    err && <div className="mt-3 text-sm text-red-600" > {
        err
    }

    </div>
}

    {
    result && result.found===false && (<div className="mt-3 border border-amber-300 bg-amber-50 rounded-xl p-3 text-sm text-amber-800" > {
            lastKind==='text'

            ? <span>⚠️ AI không tìm được thông tin đáng tin cậy về idol này. Vui lòng cung cấp <b>ảnh</b> của idol để AI ước lượng trực tiếp.</span> : <span>⚠️ {
                (result && result.note) || 'Không nhận diện được người trong ảnh. Vui lòng thử ảnh khác (rõ người, đủ sáng).'
            }

            </span>
        }

            {
            lastKind==='text' && (<button type="button" onClick= {
                    ()=> {
                        setTab('image'); setResult(null); setErr('');
                    }
                }

                className="mt-2 block w-full py-2 rounded-lg border border-amber-400 bg-white text-amber-700 text-sm font-semibold" >📷 Chuyển sang nhập hình ảnh</button>)
        }

        </div>)
}

    {
    result && result.found && (<div className="mt-3 border border-emerald-200 bg-emerald-50 rounded-xl p-4" > <div className="font-bold text-slate-800" > {
            result.isCelebrity ? '🌟 ' : ''
        }

            {
            result.personName
        }

        </div> {
            result.isCelebrity && (<div className="mt-1 text-xs text-slate-600 space-y-0.5" > {
                    result.age ? <div>🎂 Tuổi: {
                        result.age
                    }

                    </div> : null
                }

                    {
                    result.occupation ? <div>💼 Nghề nghiệp: {
                        result.occupation
                    }

                    </div> : null
                }

                    {
                    result.achievements ? <div>🏆 Thành tích: {
                        result.achievements
                    }

                    </div> : null
                }

                    {
                    result.timeline ? <div>🗓️ Thời điểm đạt thể trạng này: {
                        result.timeline
                    }

                    </div> : null
                }

                    {
                    result.sourceTitle ? <div>📰 Nguồn: {
                        result.sourceTitle
                    }

                    · <a href= {
                        'https://www.google.com/search?q=' + encodeURIComponent((result.personName || '') + ' ' + result.sourceTitle)
                    }

                    target="_blank" rel="noopener noreferrer" className="underline text-indigo-600" >🔎 kiểm chứng trên Google</a></div> : null
                }

                </div>)
        }

            {
            wikiImg && lastKind==='text' && (<div className="mt-2" > <img src= {
                    wikiImg.src
                }

                alt= {
                    result.personName
                }

                className="max-h-56 rounded-lg object-contain border border-emerald-200" /> <div className="text-[10px] text-slate-400 mt-0.5" >Ảnh minh họa: {
                    wikiImg.page ? <a href= {
                        wikiImg.page
                    }

                    target="_blank" rel="noopener noreferrer" className="underline" >Wikipedia</a> : 'Wikipedia'
                }

                — có thể không đúng thời điểm đạt thông số bên dưới</div> </div>)
        }

            {
            !(lastKind==='image' && result.isCelebrity && Number(result.peakBodyFatPercent) > 0) && (<div className="flex gap-3 mt-3" > <div className="flex-1 bg-white rounded-lg p-2 text-center border border-emerald-200" > <div className="text-[11px] text-slate-500" >% MỠ</div> <div className="text-xl font-extrabold text-emerald-600" > {
                    result.bodyFatPercent
                }

                %</div> </div> <div className="flex-1 bg-white rounded-lg p-2 text-center border border-emerald-200" > <div className="text-[11px] text-slate-500" >FFMI</div> <div className="text-xl font-extrabold text-emerald-600" > {
                    result.ffmi
                }

                </div> </div> {
                    Number(result.weightKg) > 0 && <div className="flex-1 bg-white rounded-lg p-2 text-center border border-emerald-200" > <div className="text-[11px] text-slate-500" >CÂN NẶNG</div> <div className="text-xl font-extrabold text-emerald-600" > {
                        result.weightKg
                    }

                    <span className="text-xs" >kg</span></div> </div>
                }

                    {
                    Number(result.heightCm) > 0 && <div className="flex-1 bg-white rounded-lg p-2 text-center border border-emerald-200" > <div className="text-[11px] text-slate-500" >CHIỀU CAO</div> <div className="text-xl font-extrabold text-emerald-600" > {
                        result.heightCm
                    }

                    <span className="text-xs" >cm</span></div> </div>
                }

                </div>)
        }

            {
            lastKind==='image' && result.isCelebrity && result.hasVerifiedStats !==true && !(Number(result.peakBodyFatPercent) > 0) && (<div className="mt-2 text-xs text-amber-800 bg-amber-50 border border-amber-200 rounded-lg p-2" >⚠️ Không tìm thấy thông số đã được xác thực từ nguồn uy tín cho {
                    result.personName
                }

                . Các chỉ số trên là <b>ước lượng từ ảnh</b>, bị giới hạn bởi góc chụp và ảnh có thể đã qua chỉnh sửa nên có thể sai lệch so với thực tế.</div>)
        }

            {
            lastKind==='image' && result.isCelebrity && result.lowConfidence===true && wikiImg && (<div className="mt-3 border border-amber-300 bg-amber-50 rounded-xl p-3" > <div className="text-sm font-semibold text-amber-800" >⚠️ Ảnh bạn cung cấp bị trang phục che nhiều nên ước lượng có thể sai lệch xa.</div> <div className="text-xs text-amber-700 mt-1" >Tìm thấy ảnh lộ rõ hình thể hơn của {
                    result.personName
                }

                trên Wikipedia — bạn có muốn AI ước lượng theo ảnh này thay thế?</div> <img src= {
                    wikiImg.src
                }

                alt= {
                    result.personName
                }

                className="max-h-56 rounded-lg object-contain border border-amber-200 mt-2" /> <button type="button" disabled= {
                    busy
                }

                onClick= {
                    useWikiPhoto
                }

                className="mt-2 w-full py-2 rounded-lg bg-amber-600 text-white text-sm font-semibold disabled:opacity-50" >🔍 Ước lượng theo ảnh này</button> </div>)
        }

            {
            lastKind==='image' && result.isCelebrity && Number(result.peakBodyFatPercent) > 0 && (<div className="mt-3 space-y-2" > <div className="text-sm font-semibold text-slate-700" >Chọn cách đặt mục tiêu theo hình mẫu này:</div> <div className= {
                    "border-2 rounded-xl p-3 bg-white " + (appliedVals && appliedVals.bf===result.peakBodyFatPercent ? 'border-emerald-500' : 'border-indigo-300')
                }

                > <div className="text-sm font-bold text-indigo-700" >📊 A. {
                    result.hasVerifiedStats===true ? 'Theo thông số thực tế đã xác thực' : 'Theo thông số được biết đến của người này'
                }

                <span className="text-[10px] bg-indigo-600 text-white rounded-full px-2 py-0.5 ml-1" >Khuyến nghị</span></div> <div className="text-xs text-slate-500 mt-1" >Dựa trên dữ liệu đã biết về {
                    result.personName
                }

                    {
                    result.peakTimeline ? ' · ' + result.peakTimeline : ''
                }

                    {
                    result.hasVerifiedStats !==true ? ' · số liệu tổng hợp, chưa xác thực tại cùng một thời điểm' : ''
                }

                </div> <div className="text-sm mt-1 font-bold text-slate-800" >%Mỡ: {
                    result.peakBodyFatPercent
                }

                % · FFMI: {
                    result.peakFfmi
                }

                    {
                    Number(result.peakWeightKg) > 0 ? ' · ' + result.peakWeightKg + 'kg' : ''
                }

                    {
                    Number(result.peakHeightCm) > 0 ? ' · ' + result.peakHeightCm + 'cm' : ''
                }

                </div> {
                    result.sourceTitle ? <div className="text-[11px] text-slate-400 mt-1" >📰 Nguồn: {
                        result.sourceTitle
                    }

                    · <a href= {
                        'https://www.google.com/search?q=' + encodeURIComponent((result.personName || '') + ' ' + result.sourceTitle)
                    }

                    target="_blank" rel="noopener noreferrer" className="underline" >🔎 kiểm chứng trên Google</a></div> : null
                }

                <button type="button" onClick= {
                    ()=> applyTarget(result.peakBodyFatPercent, result.peakFfmi)
                }

                className="mt-2 w-full py-2 rounded-lg bg-indigo-600 text-white text-sm font-semibold" > {
                    appliedVals && appliedVals.bf===result.peakBodyFatPercent ? '✅ Đã chọn' : 'Chọn mục tiêu này'
                }

                </button> </div> <div className= {
                    "border-2 rounded-xl p-3 bg-white " + (appliedVals && appliedVals.bf===result.bodyFatPercent ? 'border-emerald-500' : 'border-slate-200')
                }

                > <div className="text-sm font-bold text-slate-700" >📷 B. Theo phân tích từ ảnh</div> <div className="text-xs text-slate-500 mt-1" >Có thể sai lệch do góc chụp hoặc ảnh đã qua chỉnh sửa</div> <div className="text-sm mt-1 font-bold text-slate-800" >%Mỡ: {
                    result.bodyFatPercent
                }

                % · FFMI: {
                    result.ffmi
                }

                    {
                    Number(result.weightKg) > 0 ? ' · ~' + result.weightKg + 'kg' : ''
                }

                    {
                    Number(result.heightCm) > 0 ? ' · ~' + result.heightCm + 'cm' : ''
                }

                </div> <button type="button" onClick= {
                    ()=> applyTarget(result.bodyFatPercent, result.ffmi)
                }

                className="mt-2 w-full py-2 rounded-lg bg-slate-600 text-white text-sm font-semibold" > {
                    appliedVals && appliedVals.bf===result.bodyFatPercent ? '✅ Đã chọn' : 'Chọn mục tiêu này'
                }

                </button> </div> </div>)
        }

            {
            renderResultWarn()
        }

            {
            result.note ? <div className="mt-2 text-xs text-slate-500 italic" > {
                result.note
            }

            </div> : null
        }

            {
            applied && appliedVals && <div className="mt-2 text-sm font-semibold text-emerald-700" >✅ Đã gán vào mục tiêu: %Mỡ= {
                appliedVals.bf
            }

            %, FFMI= {
                appliedVals.ff
            }

            . Bạn có thể tinh chỉnh lại ở chế độ ✍️ Thủ công.</div>
        }

            {
            lastKind==='text' && result && result.isCelebrity && (<div className="mt-2 text-xs text-slate-500" >💡 Nếu đây không phải thông tin idol của bạn, vui lòng <button type="button" onClick= {
                    ()=> {
                        setTab('image'); setResult(null); setErr('');
                    }
                }

                className="underline text-indigo-600 font-semibold" >cung cấp ảnh cho chúng tôi</button>.</div>)
        }

        </div>)
}

</div>);
}

function AiBodyFatScan({
    d, set, onPhotos

}) {
    const [tierInfo,
    setTierInfo]=useState(null);
    const [tierLoading,
    setTierLoading]=useState(true);

    useEffect(()=> {
            let cancelled=false;

            fetch('/wp-json/ctg/v1/my-tier?_ctgts=' + Date.now() + Math.random(), {
                credentials: 'same-origin', cache: 'no-store', headers: (window.wpApiSettings && window.wpApiSettings.nonce) ? {
                    'X-WP-Nonce': window.wpApiSettings.nonce, 'Cache-Control': 'no-cache'
                }

                : {
                    'Cache-Control': 'no-cache'
                }

            }) .then(r=> r.ok ? r.json() : null) .then(data=> {
                if ( !cancelled) {
                    setTierInfo(data); setTierLoading(false);
                }

            }) .catch(()=> {
                if ( !cancelled) {
                    setTierLoading(false);
                }
            });

        return ()=> {
            cancelled=true;
        }

        ;
    }

    , []);
const freshMemberTier=tierInfo ? tierInfo.memberTier : undefined;
const freshIsExpired=tierInfo ? tierInfo.isExpired : undefined;
const staticIsTrial=window.ctgMemberTier==='khach_thu';
const freshRoleType=tierInfo ? tierInfo.roleType : undefined;
const staticAllowed= ! !window.ctgUserRoleType && window.ctgUserRoleType !=='khach_thu' && window.ctgMemberTier !=='khach_thu' && window.ctgMemberTier !=='hlv_thu' && window.ctgIsExpired !==true && window.ctgNotActive !==true || window.ctgAiUnlocked===true;
const freshAllowed= ! !tierInfo && tierInfo.isExpired !==true && tierInfo.notActive !==true && tierInfo.memberTier !=='khach_thu' && tierInfo.memberTier !=='hlv_thu' && (( ! !freshRoleType && freshRoleType !=='khach_thu') || tierInfo.memberTier==='khach') || (tierInfo && tierInfo.aiUnlocked===true);
const isLocked= !(staticAllowed || freshAllowed);
const isAdmin=tierInfo ? tierInfo.exactRole==='administrator' : (window.ctgExactRole==='administrator');
const [expanded,
setExpanded]=useState(false);

useEffect(()=> {
        if (d.measureMethod !=='ai') setExpanded(false);
    }

    , [d.measureMethod]);
const [showModal,
setShowModal]=useState(false);
const [apiKey,
setApiKey]=useState(()=> localStorage.getItem('ctg_gemini_key') || '');
const [apiKeyStatus,
setApiKeyStatus]=useState('idle');
const [apiKeyStatusMsg,
setApiKeyStatusMsg]=useState('');

const disconnectApiKey=async ()=> {
    setApiKeyStatus('checking');
    setApiKeyStatusMsg('');

    try {
        await fetch('/wp-json/ctg/v1/gemini-key', {
            method: 'DELETE', credentials: 'same-origin', headers: {
                'X-WP-Nonce': (window.wpApiSettings && window.wpApiSettings.nonce) || ''
            }
        });
    setApiKey('');

    try {
        localStorage.removeItem('ctg_gemini_key');
    }

    catch (e) {}

    setApiKeyStatus('error');
    setApiKeyStatusMsg('Đã hủy kết nối — AI tắt cho toàn bộ người dùng.');
}

catch (e) {
    setApiKeyStatus('error');
    setApiKeyStatusMsg('Không hủy được, thử lại.');
}
}

;

const checkApiKey=async ()=> {
    setApiKeyStatus('checking');
    setApiKeyStatusMsg('');

    try {
        if (apiKey) {
            await fetch('/wp-json/ctg/v1/gemini-key', {

                method: 'POST',
                credentials: 'same-origin',
                headers: {
                    'Content-Type': 'application/json', 'X-WP-Nonce': (window.wpApiSettings && window.wpApiSettings.nonce) || ''
                }

                ,
                body: JSON.stringify({
                    key: apiKey
                })
        });
}

const res=await fetch('/wp-json/ctg/v1/gemini-key/status', {

    credentials: 'same-origin',
    headers: {
        'X-WP-Nonce': (window.wpApiSettings && window.wpApiSettings.nonce) || ''
    }
});
const data=res.ok ? await res.json() : null;

if (data && data.connected) {
    setApiKeyStatus('ok');
    setApiKeyStatusMsg('');
}

else {
    setApiKeyStatus('error');
    setApiKeyStatusMsg('Chưa kết nối được với Gemini');
}
}

catch (e) {
    setApiKeyStatus('error');
    setApiKeyStatusMsg('Lỗi mạng');
}
}

;
const [imgFront,
setImgFront]=useState(null);
const [imgSide,
setImgSide]=useState(null);
const [imgBack,
setImgBack]=useState(null);

useEffect(function() {
        if (onPhotos) onPhotos({
            front: imgFront, side: imgSide, back: imgBack
        });
}

, [imgFront, imgSide, imgBack]);
const [analyzing,
setAnalyzing]=useState(false);
const [aiError,
setAiError]=useState('');
const [aiResult,
setAiResult]=useState(null);

const handleToggle=()=> {
    if (isLocked) {
        setShowModal(true);
        return;
    }

    if (d.measureMethod !=='ai') {
        return;
    }

    setExpanded(v=> !v);
}

;

const handlePick=async (which, file)=> {
    if ( !file) return;

    try {
        const b64=await compressImageFile(file, 900, 0.75);
        if (which==='front') setImgFront(b64);
        if (which==='side') setImgSide(b64);
        if (which==='back') setImgBack(b64);
    }

    catch (e) {
        setAiError('Không đọc được ảnh, thử lại.');
    }
}

;

const saveKey=(v)=> {
    setApiKey(v);
    localStorage.setItem('ctg_gemini_key', v);
}

;

const runAnalyze=async ()=> {
    setAiError('');

    if ( !imgFront || !imgSide || !imgBack) {
        setAiError('Cần đủ 3 ảnh: trực diện, mặt bên, mặt sau.');
        return;
    }

    setAnalyzing(true);

    try {
        const resp=await fetch('/wp-json/ctg/v1/analyze-bodyfat', {

            method: 'POST',
            credentials: 'same-origin',
            headers: {
                'Content-Type': 'application/json'
            }

            ,
            body: JSON.stringify({
                images: [imgFront, imgSide, imgBack],
                gender: d.gender,
                age: d.age,
                height: d.height,
                weight: d.weight
            })
    });
const json=await resp.json();
if ( !resp.ok) throw new Error((json && json.message) ? json.message : ('HTTP ' + resp.status));
const bf=+json.bodyFatPercent;
if ( !isFinite(bf)) throw new Error('invalid result');
setAiResult(bf);
set('currentBF', String(bf));
}

catch (e) {
    setAiError('Phân tích thất bại: ' + (e && e.message ? e.message : 'lỗi không xác định'));
}

finally {
    setAnalyzing(false);
}
}

;

const lockClass=isLocked ? 'grayscale opacity-60 pointer-events-none select-none' : '';

return React.createElement(React.Fragment, null,
    showModal && React.createElement(AiUnlockModal, {
        onClose: ()=> setShowModal(false)

    }),
React.createElement('div', {
    className: 'rounded-xl border border-indigo-200 overflow-hidden mt-3'
}

,
React.createElement('div', {
    className: lockClass
}

,
React.createElement('button', {
    type: 'button',
    onClick: handleToggle,
    className: 'w-full flex items-center justify-between bg-indigo-50 hover:bg-indigo-100 px-4 py-3 text-left'
}

,
React.createElement('span', {
    className: 'font-semibold text-indigo-700 text-sm'
}

, '🤖 Đo %Mỡ bằng AI'),
React.createElement('span', {
    className: 'text-indigo-500 text-sm'
}

, expanded ? '▲ Thu gọn' : '▼ Xem chi tiết'))),
React.createElement('div', {
    className: 'relative'
}

,
isLocked && React.createElement(AiBodyFatScanLockedOverlay, {
    onOpenModal: ()=> setShowModal(true)

}),
expanded && React.createElement('div', {
    className: 'p-4 bg-white space-y-3'
}

,
isAdmin && (React.createElement('div', null,
        React.createElement('label', {
            className: 'block text-xs font-semibold text-slate-500 mb-1'
        }

        , 'API Key Gemini (dùng chung toàn site - chỉ admin thấy, để trống nếu chỉ muốn kiểm tra kết nối)'),
    React.createElement('input', {
        type: 'password',
        value: apiKey,
        onChange: (e)=> saveKey(e.target.value),
        placeholder: 'Dán API key Gemini tại đây',
        className: 'w-full border border-slate-300 rounded-lg px-3 py-2 text-sm'

    }),
React.createElement('button', {
    type: 'button',
    onClick: checkApiKey,
    disabled: apiKeyStatus==='checking',
    className: 'mt-2 px-3 py-1.5 text-xs font-semibold rounded-lg border border-slate-300 bg-white hover:bg-slate-50 disabled:opacity-50'
}

, apiKeyStatus==='checking' ? 'Đang kiểm tra...' : 'Kết nối'),
React.createElement('button', {
    type: 'button',
    onClick: disconnectApiKey,
    disabled: apiKeyStatus==='checking',
    className: 'mt-2 ml-2 px-3 py-1.5 text-xs font-semibold rounded-lg border border-red-300 text-red-600 bg-white hover:bg-red-50 disabled:opacity-50'
}

, 'Hủy kết nối'),
apiKeyStatus==='checking' ? React.createElement('div', {
    className: 'mt-1 text-xs text-slate-500'
}

, 'Đang kiểm tra kết nối...') : null,
apiKeyStatus==='ok' ? React.createElement('div', {
    className: 'mt-1 text-xs text-green-600 font-medium'
}

, '✅ Kết nối thành công') : null,
apiKeyStatus==='error' ? React.createElement('div', {
    className: 'mt-1 text-xs text-red-600 font-medium'
}

, '❌ Kết nối thất bại' + (apiKeyStatusMsg ? (' - ' + apiKeyStatusMsg) : '')) : null)),
React.createElement('div', {
    className: 'grid grid-cols-3 gap-2'
}

,
React.createElement('label', {
    className: 'flex flex-col items-center justify-center border-2 border-dashed border-slate-300 rounded-lg p-2 text-xs text-slate-500 cursor-pointer h-20 overflow-hidden relative', onDragOver: (e)=> e.preventDefault(), onDrop: (e)=> {
        e.preventDefault(); handlePick('front', e.dataTransfer.files && e.dataTransfer.files[0]);
    }
}

,
React.createElement('span', {
    key: 'front-content'
}

, imgFront ? React.createElement('img', {
    src: 'data:image/jpeg;base64,' + imgFront, className: 'h-full w-full object-cover'

}) : '📷 Trực diện'),
React.createElement('input', {
    type: 'file', accept: 'image/*', capture: 'environment', className: 'hidden', onChange: (e)=> handlePick('front', e.target.files[0])

})),
React.createElement('label', {
    className: 'flex flex-col items-center justify-center border-2 border-dashed border-slate-300 rounded-lg p-2 text-xs text-slate-500 cursor-pointer h-20 overflow-hidden relative', onDragOver: (e)=> e.preventDefault(), onDrop: (e)=> {
        e.preventDefault(); handlePick('side', e.dataTransfer.files && e.dataTransfer.files[0]);
    }
}

,
React.createElement('span', {
    key: 'side-content'
}

, imgSide ? React.createElement('img', {
    src: 'data:image/jpeg;base64,' + imgSide, className: 'h-full w-full object-cover'

}) : '📷 Mặt bên'),
React.createElement('input', {
    type: 'file', accept: 'image/*', capture: 'environment', className: 'hidden', onChange: (e)=> handlePick('side', e.target.files[0])

})),
React.createElement('label', {
    className: 'flex flex-col items-center justify-center border-2 border-dashed border-slate-300 rounded-lg p-2 text-xs text-slate-500 cursor-pointer h-20 overflow-hidden relative', onDragOver: (e)=> e.preventDefault(), onDrop: (e)=> {
        e.preventDefault(); handlePick('back', e.dataTransfer.files && e.dataTransfer.files[0]);
    }
}

,
React.createElement('span', {
    key: 'back-content'
}

, imgBack ? React.createElement('img', {
    src: 'data:image/jpeg;base64,' + imgBack, className: 'h-full w-full object-cover'

}) : '📷 Mặt sau'),
React.createElement('input', {
    type: 'file', accept: 'image/*', capture: 'environment', className: 'hidden', onChange: (e)=> handlePick('back', e.target.files[0])

}))),
React.createElement('button', {
    type: 'button',
    disabled: analyzing,
    onClick: runAnalyze,
    className: 'w-full bg-indigo-600 hover:bg-indigo-700 disabled:opacity-50 text-white font-semibold rounded-lg py-2 text-sm'
}

, analyzing ? 'Đang phân tích...' : '✨ Phân tích bằng AI'),
aiError && React.createElement('p', {
    className: 'text-xs text-red-500'
}

, aiError),
aiResult !=null && React.createElement('p', {
    className: 'text-xs text-emerald-600 font-semibold'
}

, 'Kết quả AI: ' + aiResult + '% (đã áp dụng vào % Mỡ hiện tại)')))));
}

/* ================= HET AI BODY FAT SCAN ================= */

function RoadmapHistory({
    reloadKey, onRestore, userId

}) {
    const [list,
    setList]=useState(null);
    const [openId,
    setOpenId]=useState(null);
    const nonce=(window.wpApiSettings && window.wpApiSettings.nonce) || '';

    const load=function() {
        const base = '/wp-json/ctg/v1/roadmaps' + (userId ? ('?user_id=' + userId) : '');
        const connector = base.indexOf('?') > -1 ? '&' : '?';
        fetch(base + connector + '_t=' + Date.now(), {
            credentials: 'same-origin', cache: 'no-store', headers: {
                'X-WP-Nonce': nonce
            }

        }).then(function(r) {
            return r.ok ? r.json() : [];

        }).then(function(d) {
            setList(Array.isArray(d) ? d : []);

        }).catch(function() {
            setList([]);
        });
}

;

useEffect(function() {
        load();
    }

    , [reloadKey, userId]);

async function del(id) {
    if ( !window.confirm('Xóa bản ghi lộ trình này?')) return;

    try {
        await fetch('/wp-json/ctg/v1/roadmaps/' + id, {
            method: 'DELETE', credentials: 'same-origin', headers: {
                'X-WP-Nonce': nonce
            }
        });
}

catch (e) {}

load();
}

if (list===null) return React.createElement('div', {
    className: 'text-sm text-slate-400'
}

, 'Đang tải lịch sử...');

if ( !list.length) return React.createElement('div', {
    className: 'text-sm text-slate-400'
}

, 'Chưa có lộ trình nào được lưu. Bấm "Lưu lộ trình này" để lưu lại.');

const row=function(lbl, val) {
    return React.createElement('div', null, React.createElement('span', {
            className: 'text-slate-400'
        }

        , lbl + ': '), React.createElement('b', null, (val===undefined || val===null || val==='') ? '—' : String(val)));
}

;

return React.createElement('div', {
    className: 'space-y-2'
}

, list.map(function(it) {
        const p=it.payload || {}

        ; const b=p._base || {}

        ;
        const dt=String(it.createdAt || '').slice(0, 16).replace('T', ' ');
        const open=openId===it.id;

        return React.createElement('div', {
            key: it.id, className: 'border border-slate-200 rounded-lg bg-white overflow-hidden'
        }

        ,
        React.createElement('div', {
            className: 'flex items-center justify-between px-3 py-2 cursor-pointer hover:bg-slate-50', onClick: function() {
                setOpenId(open ? null : it.id);
            }
        }

        ,
        React.createElement('div', null,
            React.createElement('div', {
                className: 'text-sm font-semibold text-slate-700'
            }

            , '📅 ' + dt),
        React.createElement('div', {
            className: 'text-xs text-slate-500'
        }

        , 'Cân nặng ' + (p.weight || '?') + 'kg · %Mỡ ' + (p.currentBF || '?') + '% → Mục tiêu %Mỡ ' + (p.targetBF || '?') + '%, FFMI ' + (p.targetFFMI || '?'))),
React.createElement('div', {
    className: 'flex items-center gap-2 flex-shrink-0'
}

,
React.createElement('span', {
    className: 'text-xs text-slate-400'
}

, open ? 'Thu gọn' : 'Chi tiết'),
React.createElement('button', {
    type: 'button', onClick: function(e) {
        e.stopPropagation(); if (onRestore) onRestore(it.payload);
    }

    , className: 'text-xs text-white bg-indigo-600 rounded px-2 py-0.5 font-semibold'
}

, '↩️ Xem lại'),
React.createElement('button', {
    type: 'button', onClick: function(e) {
        e.stopPropagation(); del(it.id);
    }

    , className: 'text-xs text-red-600 border border-red-200 rounded px-2 py-0.5 hover:bg-red-50'
}

, 'Xóa'))),
open ? React.createElement('div', {
    className: 'px-3 pb-3 pt-1 text-xs text-slate-600 grid grid-cols-2 gap-x-4 gap-y-1 border-t border-slate-100'
}

,
row('Giới tính', p.gender), row('Tuổi', p.age), row('Chiều cao (cm)', p.height), row('Cân nặng (kg)', p.weight),
row('%Mỡ hiện tại', p.currentBF), row('FFMI hiện tại', p._ffmi ? Math.round(p._ffmi * 10) / 10 : undefined),
row('Mục tiêu %Mỡ', p.targetBF), row('Mục tiêu FFMI', p.targetFFMI),
row('BMR', b.bmr ? Math.round(b.bmr) : undefined), row('TDEE', b.tdee ? Math.round(b.tdee) : undefined)) : null);
}));
}

function PhysiqueRoadmap({ pickedStudent, serverBody, roleType, onStartRoadmapSuccess }) {
    // Sync with selected student from parent tracking app
    useEffect(function() {
        if (pickedStudent) {
            const latest = serverBody && serverBody.length ? [...serverBody].sort((a,b)=>new Date(b.date)-new Date(a.date))[0] : null;
            setD(function(prev) {
                return Object.assign({}, prev, {
                    name: pickedStudent.name || prev.name,
                    gender: pickedStudent.gender || prev.gender || "Nam",
                    age: pickedStudent.age || prev.age || 25,
                    height: latest ? latest.height || 170 : 170,
                    weight: latest ? latest.weight || 70 : 70,
                    currentBF: latest ? latest.bodyfat || 20 : 20,
                    idealBF: prev.idealBF || 12,
                    targetBF: prev.targetBF || 12
                });
            });
            setTargetUserId(pickedStudent.id);
        }
    }, [pickedStudent, serverBody]);

    const [step,
    setStep]=useState(1);
    const [view,
    setView]=useState('app'); // 'app' = wizard thông thường, 'detailReport' = trang báo cáo chi tiết
    const [subStep1,
    setSubStep1]=useState(1);

    const [myId, setMyId] = useState(null);
    const [myEmail, setMyEmail] = useState('');
    const [students, setStudents] = useState([]);
    const [hlvs, setHlvs] = useState([]);
    const [targetUserId, setTargetUserId] = useState(pickedStudent ? pickedStudent.id : null);
    const [searchQuery, setSearchQuery] = useState('');
    const [ruser, setRuser] = useState(null);
    const [hlvFilter, setHlvFilter] = useState(null);

    useEffect(function() {
        if (window.self !== window.top) {
            const style = document.createElement('style');
            style.innerHTML = '#masthead, #colophon, .site-header, .site-footer, header, footer, .elementor-location-header, .elementor-location-footer { display: none !important; } body, html { background: #0f172a !important; padding: 0 !important; margin: 0 !important; overflow-x: hidden; } #root { padding: 8px !important; }';
            document.head.appendChild(style);
        }

        try {
            const u = new URLSearchParams(window.location.search);
            const ru = u.get('ctg_restore_user');
            if (ru) {
                setRuser(ru);
                setTargetUserId(Number(ru));
            }
        } catch(e) {}

        const nonce = (window.wpApiSettings && window.wpApiSettings.nonce) || '';
        
        // Fetch current user details
        fetch('/wp-json/wp/v2/users/me?context=edit', {
            credentials: 'same-origin',
            headers: { 'X-WP-Nonce': nonce }
        })
        .then(r => r.ok ? r.json() : Promise.reject())
        .then(u => {
            setMyId(u.id || 0);
            setMyEmail(u.email || '');
        })
        .catch(() => {});

        // Fetch all coaches
        fetch('/wp-json/ctg/v1/hlvs', {
            credentials: 'same-origin',
            headers: { 'X-WP-Nonce': nonce }
        })
        .then(r => r.ok ? r.json() : [])
        .then(data => setHlvs(data))
        .catch(() => {});

        // Fetch all students
        fetch('/wp-json/ctg/v1/students', {
            credentials: 'same-origin',
            headers: { 'X-WP-Nonce': nonce }
        })
        .then(r => r.ok ? r.json() : [])
        .then(data => setStudents(data))
        .catch(() => {});
    }, []);

    const [d,
    setD]=useState({
        name: '', phone: '', gender: 'Nam', age: 25,
        height: 170, weight: 70, currentBF: 18,
        measureMethod: 'manual',
        targetBF: 12,
        idealBF: 12,
        trainDays: 4, trainDuration: 60, steps: 8000, cardioKm: 0.5,
        sports: [],
        targetFFMI: '',
        startDate: todayISO(),
    });

const [phaseOverrides,
setPhaseOverrides]=useState({});
const [reportPage,
setReportPage]=useState(0);
const [mainTab,
setMainTab]=useState('plan');
const [rmReload,
setRmReload]=useState(0);

const [scanPhotos,
setScanPhotos]=useState({
    front: null, side: null, back: null
});
const [stBusy,
setStBusy]=useState(false);
const [stMsg,
setStMsg]=useState('');
const [rmSaving,
setRmSaving]=useState(false);
const [rmMsg,
setRmMsg]=useState('');

const saveRoadmap=async ()=> {
    setRmSaving(true);
    setRmMsg('');

    const clean= {}

    ;

    Object.keys(d || {}).forEach(function(k) {
            const v=d[k]; if (typeof v==='string' && v.length > 300) return; clean[k]=v;
        });

    const currentTargetId = targetUserId || ruser;
    const targetIdNum = currentTargetId ? Number(currentTargetId) : undefined;

    const dWithUserId = Object.assign({}, d, {
        user_id: targetIdNum,
        userId: targetIdNum,
        student_id: targetIdNum,
        studentId: targetIdNum,
        client_id: targetIdNum,
        clientId: targetIdNum,
        customer_id: targetIdNum,
        customerId: targetIdNum,
        ctg_restore_user: targetIdNum,
        ctgRestoreUser: targetIdNum,
        ruser: targetIdNum,
    });

    const payload=Object.assign({}

    , clean, {
    _ffmi: liveFFMI,
    _base: base,
    user_id: targetIdNum,
    userId: targetIdNum,
    student_id: targetIdNum,
    studentId: targetIdNum,
    client_id: targetIdNum,
    clientId: targetIdNum,
    customer_id: targetIdNum,
    customerId: targetIdNum,
    ctg_restore_user: targetIdNum,
    ctgRestoreUser: targetIdNum,
    ruser: targetIdNum,
    _state: {
        d: dWithUserId, po: phaseOverrides, go: globalOverride
    }
});

try {
    const r=await fetch('/wp-json/ctg/v1/roadmaps' + (currentTargetId ? '?user_id=' + currentTargetId : ''), {
        method: 'POST', credentials: 'same-origin', headers: {
            'Content-Type': 'application/json', 'X-WP-Nonce': (window.wpApiSettings && window.wpApiSettings.nonce) || ''
        }

        , body: JSON.stringify({
            payload: payload,
            user_id: currentTargetId ? Number(currentTargetId) : undefined
        })
});

const j=await r.json().catch(function() {
        return null;
    });

if (r.ok && j && j.ok) {
        setRmMsg(j.deduped ? 'Lộ trình này đã được lưu trước đó.' : '✅ Đã lưu lộ trình!');
        if (typeof onStartRoadmapSuccess === 'function') { onStartRoadmapSuccess(); }

    setRmReload(function(x) {
            return x + 1;
        });
}

else {
    setRmMsg((j && (j.message || j.error)) || 'Lưu thất bại, thử lại.');
}
}

catch (e) {
    setRmMsg('Không kết nối được máy chủ.');
}

setRmSaving(false);
}

;

const restoreRoadmap=function(payload) {
    try {
        setMainTab('plan');
        const st=payload && payload._state;
        if (st && st.d) setD(st.d);

        setPhaseOverrides((st && st.po) || {});

        setGlobalOverride((st && st.go) || {});
        setStep(4);
        setReportPage(0);
        if (window && window.scrollTo) window.scrollTo(0, 0);
    }

    catch (e) {}
}

;

useEffect(function() {
        try {
            const u=new URLSearchParams(window.location.search);
            const rid=u.get('ctg_restore_id'); const ruser=u.get('ctg_restore_user');

            if (rid || ruser) {
                const nonce=(window.wpApiSettings && window.wpApiSettings.nonce) || '';
                const base='/wp-json/ctg/v1/roadmaps' + (ruser ? ('?user_id=' + ruser) : '');

                fetch(base + (base.indexOf('?') > -1 ? '&' : '?') + '_t=' + Date.now(), {
                    credentials: 'same-origin', cache: 'no-store', headers: {
                        'X-WP-Nonce': nonce
                    }

                }) .then(function(r) {
                    return r.ok ? r.json() : [];

                }) .then(function(list) {
                    var it=rid ? (list || []).find(function(x) {
                            return String(x.id)===String(rid);
                        }) : (list && list[0]); if (it) restoreRoadmap(it.payload);

                }) .catch(function() {});
        }
    }

    catch (e) {}
}

, []);

const startTraining=async function(ph, idx) {
    const num=(idx !=null ? (idx + 1) : (ph.phaseNum || 1));
    const drange=(ph.startDateStr && ph.endDateStr) ? (' (' + ph.startDateStr + ' → ' + ph.endDateStr + ', ' + ph.weeks + ' tuần)'): (' (' + ph.weeks + ' tuần)');
    if ( !window.confirm('Bắt đầu giai đoạn này? Kế hoạch tập của bạn ở phần Theo dõi tiến độ sẽ được cập nhật theo giai đoạn này (thay kế hoạch cũ nếu có), đồng thời tạo 1 bản ghi Nhật ký hình thể hôm nay.')) return;
    setStBusy(true);
    setStMsg('');

    const pref=function(x) {
        return x ? (String(x).indexOf('data:')===0 ? x : 'data:image/jpeg;base64,' + x): '';
    }

    ;

    const m=ph.macros || {};

    // Xác định loại block để tạo nhãn & mô tả phù hợp
    const _isBulk = ph.block === 'block2' || ph.type === 'Bulking';
    const _isMiniCut = ph.type === 'mini_cut';
    const _isDietBreak = ph.type === 'diet_break';

    let _typeLabel, _typeValue;
    if (_isBulk) {
        _typeLabel = 'Dư thừa calo (so với TDEE)';
        _typeValue = '+' + (ph.pctMagnitude||'?') + '%';
    } else if (_isDietBreak) {
        _typeLabel = 'Diet Break (duy trì calo)';
        _typeValue = '0%';
    } else {
        _typeLabel = 'Thâm hụt calo (so với TDEE)';
        _typeValue = '-' + (ph.pctMagnitude||'?') + '%';
    }

    let _blockDesc;
    if (_isMiniCut) {
        _blockDesc = 'Block này nhằm giảm nhanh mỡ thừa phát sinh trong quá trình tăng cơ, đạt %mỡ ' + (ph.phaseTarget||'?') + '%.';
    } else if (_isDietBreak) {
        _blockDesc = 'Block này nhằm khôi phục trao đổi chất, giảm áp lực ăn kiêng trước khi tiếp tục giảm mỡ.';
    } else if (_isBulk) {
        _blockDesc = 'Block này nhằm tăng cơ nạc tới FFMI ' + (ph.endFFMI||'?') + ' (LBM ' + (ph.endLBM||'?') + ' kg).';
    } else {
        _blockDesc = 'Block này nhằm đạt %mỡ lý tưởng ' + (ph.phaseTarget||'?') + '% trước khi tăng cơ.';
    }

    const giaoAn =
        '📅 Chu kỳ: ' + (ph.startDateStr||'?') + ' → ' + (ph.endDateStr||'?') + ' (' + ph.weeks + ' tuần)\n' +
        '⚖️ Cân nặng: ' + ph.startW + ' → ' + ph.endW + ' kg\n' +
        '💧 %Mỡ: ' + ph.startBF + ' → ' + ph.endBF + '% | 💪 LBM: ' + ph.startLBM + ' → ' + ph.endLBM + ' kg | 📐 FFMI: ' + ph.startFFMI + ' → ' + ph.endFFMI + '\n' +
        '📊 ' + _typeLabel + ': ' + _typeValue + '\n' +
        '🎯 ' + _blockDesc + '\n' +
        '👟 Số bước chân / ngày: ' + (ph.steps||0).toLocaleString('vi-VN') + '\n' +
        '🏋️ Buổi tập/tuần: ' + ph.trainDays + ' buổi × ' + ph.trainDuration + ' phút/buổi\n' +
        '🔥 BMR: ' + (ph.bmrAtStart||'?') + ' | TDEE: ' + (ph.tdeeAtStart||'?') + ' | Calo mục tiêu: ' + (m.caloGoal||'?') + '\n' +
        '🥩 Protein: ' + (m.protein||'?') + 'g · 🍞 Carb: ' + (m.carb||'?') + 'g · 🥑 Fat: ' + (m.fat||'?') + 'g';

    const plan=giaoAn;

    const currentTargetId = targetUserId || ruser;
    const bodyReq= {
        date: new Date().toISOString().slice(0, 10), weight: +d.weight || 0, bodyfat: +d.currentBF || 0, plan: plan, img1: pref(scanPhotos.front), img2: pref(scanPhotos.side), img3: pref(scanPhotos.back),
        user_id: currentTargetId ? Number(currentTargetId) : undefined
    }

    ;

    const targetGoal = _isBulk ? 'Tăng cơ' : 'Giảm mỡ';
    try {
        // Áp đặt mục tiêu tương ứng với block được chọn (Tăng cơ nếu bulk, Giảm mỡ nếu khác)
        await postStudentGoal(currentTargetId, targetGoal);
    } catch(e) {}

    try {
        const r=await fetch('/wp-json/ctg/v1/start-roadmap' + (currentTargetId ? '?user_id=' + currentTargetId : ''), {
            method: 'POST', credentials: 'same-origin', headers: {
                'Content-Type': 'application/json', 'X-WP-Nonce': (window.wpApiSettings && window.wpApiSettings.nonce) || ''
            }

            , body: JSON.stringify(bodyReq)
        });

    const j=await r.json().catch(function() {
            return null;
        });

    if (r.ok && j && j.ok) {
        window.alert('✅ Đã bắt đầu lộ trình! Kế hoạch + Nhật ký hình thể đã được cập nhật ở phần Theo dõi tiến độ.');
        if (typeof onStartRoadmapSuccess === 'function') { onStartRoadmapSuccess(plan, giaoAn, targetGoal); }
    }

    else {
        window.alert((j && (j.message || j.error)) || 'Không thành công, thử lại.');
    }
}

catch (e) {
    window.alert('Không kết nối được máy chủ.');
}

setStBusy(false);
}

; // 0 = tổng quan, 1/2/3 = Block1/2/3

const [globalOverride,
setGlobalOverride]=useState({});

const set=(k, v)=>setD(p=> ({
        ...p, [k]: v
    }));

// Đổi step kèm tự cuộn lên đầu trang — áp dụng cho MỌI nơi chuyển bước (Tiếp theo, Quay lại,
// progress dots, sidebar steps, Tạo lộ trình mới) để người dùng luôn thấy nội dung mới từ đầu.
const goToStep=(n)=> {
    setStep(n);

    setTimeout(()=> window.scrollTo({
            top: 0, behavior: 'smooth'
        }), 80);
}

;

const goToReportPage=(n)=> {
    setReportPage(n);

    setTimeout(()=> window.scrollTo({
            top: 0, behavior: 'smooth'
        }), 80);
}

;

const goToView=(v)=> {
    setView(v);

    setTimeout(()=> window.scrollTo({
            top: 0, behavior: 'smooth'
        }), 80);
}

;

const addSport=()=> {
    const g=SPORT_GROUPS[0];

    setD(p=> ({
            ...p, sports: [...(p.sports || []), {
            name: '', type: g.name, effort: 'Vừa', met: metForEffort(g, 'Vừa'), duration: 60, sessions: 2
        }

        ]
    }));
}

;

const updateSport=(idx, field, value)=>setD(p=> ({
        ...p, sports: p.sports.map((s, i)=> i===idx ? {
                ...s, [field]: value
            }

            : s)
    }));

const deleteSport=idx=>setD(p=> ({
        ...p, sports: p.sports.filter((_, i)=> i !==idx)
    }));

const handleSportGroupChange=(idx, groupName)=> {
    const g=SPORT_GROUPS.find(x=> x.name===groupName);

    setD(p=> ({
            ...p, sports: p.sports.map((s, i)=> i===idx ? {
                    ...s, type: groupName, effort: s.effort || 'Vừa', met: metForEffort(g, s.effort || 'Vừa')
                }

                : s)
        }));
}

;

const handleSportEffortChange=(idx, effort)=> {
    setD(p=> ({
            ...p, sports: p.sports.map((s, i)=> {
                    if (i !==idx) return s; const g=SPORT_GROUPS.find(x=> x.name===s.type); return {
                        ...s, effort, met: metForEffort(g, effort)
                    }

                    ;
                })
        }));
}

;

// cập nhật 1 field override của 1 phase (giữ nguyên các field khác + các phase khác)
const updatePhaseOverride=(idx, field, value)=>setPhaseOverrides(prev=> ({
        ...prev, [idx]: {
            ...(prev[idx] || {}), [field]: value
        }
    }));

const toggleEndHere=(idx, cur)=>setPhaseOverrides(prev=> ({
        ...prev, [idx]: {
            ...(prev[idx] || {}), endHere: !cur
        }
    }));

const resetAllOverrides=()=> {
    setPhaseOverrides({});

setGlobalOverride({});
}

;

const liveFFMI=useMemo(()=> {
        const hM2=Math.pow((+d.height || 0) * 0.01, 2);
        const lbm=(+d.weight || 0) * (1 - (+d.currentBF || 0) / 100);
        return hM2 > 0 ? lbm / hM2 : 0;
    }

    , [d.height, d.weight, d.currentBF]);

const loggedInRole = window.ctgUserRoleType || '';
const loggedInExactRole = window.ctgExactRole || '';

const isCoach = loggedInRole === 'hlv' || loggedInExactRole === 'ctg_hlv' || loggedInExactRole === 'ctg_hlv_thu';
const isAdminOrManager = loggedInRole === 'admin' || loggedInExactRole === 'administrator' || loggedInExactRole === 'ctg_quanly';
const showClientSelector = isCoach || isAdminOrManager;

const filteredStudentsForSearch = useMemo(function() {
    if (!students || students.length === 0) return [];
    if (isAdminOrManager) return students;
    if (isCoach && myId) {
        return students.filter(function(s) {
            return Number(s.hlvId) === Number(myId);
        });
    }
    return [];
}, [students, isAdminOrManager, isCoach, myId]);

const base=useMemo(()=> computeBase(d), [d]);
const ffmiWarn=useMemo(()=> warnFFMI(base, d), [base, d]);

const multiPhase=useMemo(()=> {
        if ( !d.targetFFMI && !d.targetBF) return null;
        return simulateDualGoal(d, base, phaseOverrides, globalOverride);
    }

    , [d, base, phaseOverrides, globalOverride]);

const phasesWithDates=useMemo(()=> {
        if (multiPhase && multiPhase.phases && multiPhase.phases.length > 0) return computePhaseDates(multiPhase.phases, d.startDate);
        return [];
    }

    , [multiPhase, d.startDate]);

const currentPhaseIdx=useMemo(()=> {
        if (phasesWithDates.length===0) return -1;
        return findCurrentPhaseIndex(phasesWithDates, Date.now());
    }

    , [phasesWithDates]);

// Danh sách block thực sự có phase (theo thứ tự xuất hiện) — phục vụ phân trang báo cáo
const activeBlocks=useMemo(()=> {
        if ( !multiPhase) return [];
        const order=['block1', 'block2', 'block3'];
        const present=new Set(multiPhase.phases.map(p=> p.block));
        return order.filter(b=> present.has(b));
    }

    , [multiPhase]);

useEffect(()=> {
        if (reportPage > activeBlocks.length) setReportPage(0);
    }

    , [activeBlocks, reportPage]);

const assessment=useMemo(()=> generateAssessment(d, base, multiPhase), [d, base, multiPhase]);

const blockLabels= {
    block1: '📉 Giảm mỡ', block2: '📈 Tăng cơ', block3: '🎯 Điều chỉnh bodyfat'
}

;

// Index của phase Block1 cuối cùng (không tính diet-break) — chỉ phase này mới hiện "%mỡ lý tưởng trước khi tăng cơ"
const lastBlock1Idx=useMemo(()=> {
        if ( !multiPhase) return -1;
        let last=-1;

        multiPhase.phases.forEach((p, idx)=> {
                if (p.block==='block1' && !p.isSpecialPhase) last=idx;
            });
        return last;
    }

    , [multiPhase]);

const inputCls="w-full px-3 py-2.5 text-base border border-slate-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:outline-none";
const labelCls="block text-sm font-semibold text-slate-700 mb-1";
const btnCls="py-2 rounded-lg font-semibold border-2 transition";

return (<> <style> {
        ` @media print {
            @page {
                size: A4; margin: 14mm 12mm;
            }

            body * {
                visibility: hidden;
            }

            .print-report, .print-report * {
                visibility: visible;
            }

            .print-report {
                display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; min-height: 100%; overflow: visible !important; visibility: visible !important;
            }

            .no-print {
                display: none !important;
            }
        }

        @media screen {
            .print-report {
                position: fixed !important; left: -9999px !important; width: 794px; visibility: hidden !important; pointer-events: none !important;
            }
        }

        @media print {
            html, body, .elementor, .elementor-section, .elementor-container, .elementor-widget-wrap, .elementor-widget-html, #root {
                overflow: visible !important; height: auto !important; max-height: none !important;
            }
        }

        .print-report {
            font-family: Arial, sans-serif; color: #1e293b; padding: 0; font-size: 13px; line-height: 1.5;
        }

        .print-header {
            text-align: center; border-bottom: 3px solid #14224d; padding-bottom: 10px; margin-bottom: 14px;
        }

        .print-header h1 {
            font-size: 22px; margin: 0;
        }

        .print-sub {
            font-size: 14px; color: #475569; margin: 4px 0 0;
        }

        .print-info-table {
            width: 100%; font-size: 13px; border-collapse: collapse; margin-bottom: 12px; page-break-inside: avoid;
        }

        .print-info-table td {
            padding: 5px 8px; border: 1px solid #e2e8f0;
        }

        .print-summary {
            display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; background: #f0f4f8; padding: 8px 12px; border-radius: 6px; margin-bottom: 10px; page-break-inside: avoid;
        }

        .print-section-title {
            font-size: 14px; border-left: 4px solid #14224d; padding-left: 8px; margin: 10px 0 6px; page-break-after: avoid;
        }

        .print-break-before {
            page-break-before: auto; margin-top: 0;
        }

        .print-assessment {
            background: #f0f4f8; padding: 8px 12px; border-radius: 6px; margin-bottom: 12px; page-break-inside: avoid;
        }

        .print-phase {
            border: 1px solid #e2e8f0; border-left: 4px solid #6366f1; border-radius: 4px; padding: 7px 9px; margin-bottom: 6px; page-break-inside: avoid;
        }

        .print-phase-special {
            border-left-color: #f59e0b; background: #fffbeb;
        }

        .print-phases-grid {
            display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
        }

        .print-phase-header {
            font-size: 14px; margin-bottom: 6px;
        }

        .print-phase-dates {
            color: #64748b; font-weight: normal;
        }

        .print-phase-table {
            width: 100%; font-size: 12px; border-collapse: collapse; margin-bottom: 6px;
        }

        .print-phase-table td {
            padding: 3px 6px;
        }

        .print-macro {
            font-size: 13px; margin: 3px 0;
        }

        .print-footer {
            text-align: center; font-size: 10px; color: #94a3b8; margin-top: 20px; border-top: 1px solid #e2e8f0; padding-top: 8px;
        }

        `
    }

    </style> <div className="flex gap-2 mb-4 lg:max-w-3xl lg:mx-auto" > <button type="button" onClick= {
        function() {
            setMainTab('plan');
        }
    }

    className= {
        "flex-1 py-2.5 rounded-lg text-sm font-semibold " + (mainTab==='plan' ? 'bg-indigo-600 text-white' : 'bg-slate-100 text-slate-600')
    }

    >📝 Lên lộ trình chi tiết</button> <button type="button" onClick= {
        function() {
            setMainTab('history');
        }
    }

    className= {
        "flex-1 py-2.5 rounded-lg text-sm font-semibold " + (mainTab==='history' ? 'bg-indigo-600 text-white' : 'bg-slate-100 text-slate-600')
    }

    >🗂️ Lịch sử lộ trình</button> </div> {
        mainTab==='history' && (<div className="bg-white border border-slate-200 rounded-xl p-4 lg:max-w-3xl lg:mx-auto" > <div className="font-semibold text-slate-700 mb-3" >{targetUserId || ruser ? '🗂️ Lịch sử lộ trình của khách hàng' : '🗂️ Lịch sử lộ trình của bạn'}</div> <RoadmapHistory reloadKey= {
                rmReload
            }

            onRestore= {
                restoreRoadmap
            }

            userId={targetUserId || ruser}

            /> </div>)
    }

        {
        mainTab==='plan' && (<> <PrintReport d= {
                d
            }

            base= {
                base
            }

            multiPhase= {
                multiPhase
            }

            phasesWithDates= {
                phasesWithDates
            }

            ffmiWarn= {
                ffmiWarn
            }

            assessment= {
                assessment
            }

            /> {
                view==='detailReport' ? (<div className="no-print min-h-screen bg-slate-100" > <DetailReportView d= {
                        d
                    }

                    base= {
                        base
                    }

                    multiPhase= {
                        multiPhase
                    }

                    phasesWithDates= {
                        phasesWithDates
                    }

                    assessment= {
                        assessment
                    }

                    currentPhaseIdx= {
                        currentPhaseIdx
                    }

                    onBack= {
                        ()=> goToView('app')
                    }

                    onRestart= {
                        ()=> {
                            goToView('app'); setStep(1);
                        }
                    }

                    /> </div>) : (<div className="no-print min-h-screen py-4 sm:py-6 px-3 sm:px-6 lg:px-10 xl:px-16 2xl:px-24 bg-slate-100" > <div className="w-full mx-auto" > <div className="text-center mb-4 lg:mb-6" > <h1 className="font-bold text-slate-800" style= {
                            {
                            fontSize: 'clamp(1.375rem, 1.1rem + 2.5vw, 2.75rem)'
                        }
                    }

                    >🏋️ Lộ Trình Physique</h1> <p className="text-slate-500 mt-1" style= {
                            {
                            fontSize: 'clamp(0.875rem, 0.8rem + 0.6vw, 1.25rem)'
                        }
                    }

                    >Tính toán dinh dưỡng & tập luyện khoa học</p> </div> <div className="lg:grid lg:grid-cols-[280px_1fr] xl:grid-cols-[320px_1fr] 2xl:grid-cols-[360px_1fr] lg:gap-8 lg:items-start" > {
                        /* ====== LƯỚI TÓM TẮT — chỉ mobile/tablet (<lg), sticky trên cùng, 2 dòng x 3 ô ====== */
                    }

                    <div className="lg:hidden -mx-3 sm:-mx-6 px-3 sm:px-6 pt-3 pb-3 mb-4 border-b border-slate-200" > <div className="grid grid-cols-3 gap-2" > {
                        [ {
                            icon: '📐', label: 'FFMI', value: fmt(liveFFMI, 2), color: 'text-indigo-700'
                        }

                        ,
                        {
                        icon: '🔥', label: '% Mỡ', value: `${
                            d.currentBF
                        }

                        %`, color: 'text-rose-600'
                    }

                    ,
                    {
                    icon: '⚖️', label: 'Cân nặng', value: `${
                        d.weight
                    }

                    kg`, color: 'text-slate-700'
                }

                ,
                {
                icon: '🔆', label: 'BMR', value: fmt(base.bmr, 0), color: 'text-amber-700'
            }

            ,
            {
            icon: '⚡', label: 'TDEE', value: fmt(base.tdee, 0), color: 'text-purple-700'
        }

        ,
        {
        icon: '🗓️', label: 'Lộ trình', value: multiPhase ? `${multiPhase.totalWeeks}t` : '—', color: 'text-blue-700'
    }

    ,
    ].map((item, i)=> (<div key= {
                i
            }

            className="min-w-0 bg-white rounded-lg border border-slate-200 flex flex-col items-center justify-center gap-0 py-1 px-0.5 overflow-hidden" > <span className="leading-none" style= {
                    {
                    fontSize: '0.75rem'
                }
            }

            > {
                item.icon
            }

            </span> <span className="text-slate-400 leading-tight text-center whitespace-nowrap" style= {
                    {
                    fontSize: '0.72rem'
                }
            }

            > {
                item.label
            }

            </span> <span className= {
                `font-bold leading-tight whitespace-nowrap overflow-hidden text-ellipsis max-w-full ${
                    item.color
                }

                `
            }

            style= {
                    {
                    fontSize: '0.875rem'
                }
            }

            > {
                item.value
            }

            </span> </div>))
}

</div> </div> {
    /* ====== SIDEBAR TÓM TẮT (chỉ hiện rõ dạng cột riêng từ lg, sticky theo cuộn trang) ====== */
}

<div className="hidden lg:block lg:sticky lg:top-6 mb-5 lg:mb-0" > <div className="bg-white rounded-2xl shadow-md p-5 space-y-3" > <p className="text-xs font-semibold text-slate-400 uppercase tracking-wide" >Tóm tắt thể trạng</p> <div className="flex items-center justify-between gap-2" > <span className="text-sm text-slate-500" >📐 FFMI hiện tại</span> <span className="text-xl font-bold text-indigo-700" > {
    fmt(liveFFMI, 2)
}

</span> </div> <div className="flex items-center justify-between gap-2" > <span className="text-sm text-slate-500" >🔥 % Mỡ</span> <span className="text-xl font-bold text-rose-600" > {
    d.currentBF
}

%</span> </div> <div className="flex items-center justify-between gap-2" > <span className="text-sm text-slate-500" >⚖️ Cân nặng</span> <span className="text-lg font-bold text-slate-700" > {
    d.weight
}

kg</span> </div> <div className="border-t border-slate-100 pt-3 flex items-center justify-between gap-2" > <span className="text-sm text-slate-500" >🔆 BMR</span> <span className="font-semibold text-amber-700" > {
    fmt(base.bmr, 0)
}

</span> </div> <div className="flex items-center justify-between gap-2" > <span className="text-sm text-slate-500" >⚡ TDEE</span> <span className="font-semibold text-purple-700" > {
    fmt(base.tdee, 0)
}

</span> </div> {
    multiPhase && (<div className="border-t border-slate-100 pt-3 flex items-center justify-between gap-2" > <span className="text-sm text-slate-500" >🗓️ Tổng lộ trình</span> <span className="font-semibold text-blue-700" > {
            multiPhase.totalWeeks
        }

        tuần</span> </div>)
}

</div> <div className="hidden lg:block mt-4 bg-white rounded-2xl shadow-md p-5" > <p className="text-xs font-semibold text-slate-400 uppercase tracking-wide mb-3" >Các bước</p> <div className="space-y-2" > {
    ['Thông tin cơ bản', 'Tập luyện & Hoạt động', 'Mục tiêu', 'Báo cáo & Lộ trình'].map((label, i)=> (<div key= {
                i
            }

            onClick= {
                ()=> i + 1 < 4 && goToStep(i + 1)
            }

            className= {
                `flex items-center gap-2 px-3 py-2 rounded-lg cursor-pointer transition ${
                    step===i + 1 ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-500 hover:bg-slate-50'
                }

                `
            }

            > <span className= {
                `w-6 h-6 flex items-center justify-center rounded-full text-xs flex-shrink-0 ${
                    step===i + 1 ? 'bg-indigo-600 text-white' : step > i + 1 ? 'bg-emerald-500 text-white' : 'bg-slate-200 text-slate-500'
                }

                `
            }

            > {
                step > i + 1 ? '✓' : i + 1
            }

            </span> <span className="text-sm min-w-0 break-words" > {
                label
            }

            </span> </div>))
}

</div> </div> </div> {
    /* ====== CỘT NỘI DUNG CHÍNH ====== */
}

<div className="min-w-0" > <div className="flex gap-2 mb-4 lg:hidden" > {
    [1, 2, 3, 4].map(i=> (<div key= {
                i
            }

            onClick= {
                ()=> i < 4 && goToStep(i)
            }

            className= {
                `h-2 flex-1 rounded-full cursor-pointer transition ${
                    i <=step ? 'bg-indigo-600' : 'bg-slate-300'
                }

                `
            }

            />))
}

</div> <div className="text-center text-sm text-slate-600 mb-4 lg:hidden" > Bước {
    step
}

/4: {
    ['Thông tin cơ bản', 'Tập luyện & Hoạt động', 'Mục tiêu', 'Báo cáo & Lộ trình'][step - 1]
}

</div> <div className="bg-white rounded-2xl shadow-md p-4 sm:p-6 lg:p-8 mb-5" > {
    /* ============ STEP 1 ============ */
}

    {
    step===1 && (<div className="space-y-4 lg:max-w-3xl lg:mx-auto" > {
        showClientSelector && (
            <div className="bg-indigo-50 border border-indigo-200 rounded-xl p-4 mb-4">
                <label className="block text-sm font-semibold text-indigo-900 mb-1.5 flex items-center gap-2">
                    <span>👤</span> Lựa chọn khách hàng hoặc HLV để lên lộ trình
                </label>
                {targetUserId ? (
                    (() => {
                        // Check if current target is student or hlv
                        const currentStudent = students.find(function(s) { return Number(s.id) === Number(targetUserId); });
                        const currentHlv = !currentStudent ? hlvs.find(function(h) { return Number(h.id) === Number(targetUserId); }) : null;
                        
                        if (!currentStudent && !currentHlv) return null;
                        
                        return (
                            <div className="flex items-center justify-between bg-white border border-indigo-200 rounded-lg p-3">
                                <div>
                                    <div className="font-bold text-slate-800 text-sm">
                                        {currentStudent ? currentStudent.name : `👨‍🏫 HLV: ${currentHlv.name}`}
                                    </div>
                                    <div className="text-xs text-slate-500">
                                        {currentStudent ? `${currentStudent.email} · ${currentStudent.phone || 'Không có SĐT'}` : currentHlv.email}
                                    </div>
                                    {currentStudent && (
                                        <div className="text-xs text-indigo-600 mt-1 font-semibold">
                                            👨‍🏫 HLV phụ trách: {
                                                (() => {
                                                    const coach = hlvs.find(function(h) { return Number(h.id) === Number(currentStudent.hlvId); });
                                                    return coach ? coach.name : 'Chưa có HLV';
                                                })()
                                            }
                                        </div>
                                    )}
                                </div>
                                <button
                                    type="button"
                                    onClick={function() {
                                        setTargetUserId(null);
                                        setD(function(prev) {
                                            return {
                                                ...prev,
                                                name: '',
                                                phone: '',
                                                gender: 'Nam',
                                                age: 25,
                                                height: 170,
                                                weight: 70,
                                                currentBF: 18,
                                                targetBF: 12,
                                                targetFFMI: '',
                                                sports: [],
                                            };
                                        });
                                        resetAllOverrides();
                                        setReportPage(0);
                                        try {
                                            const url = new URL(window.location.href);
                                            url.searchParams.delete('ctg_restore_user');
                                            url.searchParams.delete('ctg_restore_id');
                                            window.history.replaceState(null, '', url.pathname + url.search + url.hash);
                                        } catch(e) {}
                                    }}
                                    className="text-xs px-2.5 py-1.5 bg-rose-50 text-rose-600 hover:bg-rose-100 rounded-md font-semibold transition"
                                    style={{ minHeight: '32px' }}
                                >
                                    Thay đổi
                                </button>
                            </div>
                        );
                    })()
                ) : (
                    <div>
                        <input
                            type="text"
                            className="w-full px-3 py-2 text-sm border border-slate-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:outline-none bg-white"
                            placeholder="🔎 Nhập tên học viên hoặc HLV..."
                            value={searchQuery}
                            onChange={e => setSearchQuery(e.target.value)}
                        />
                        {hlvFilter && (
                            <div className="flex items-center gap-2 mt-2 bg-indigo-100 text-indigo-800 px-3 py-1.5 rounded-lg text-xs font-semibold">
                                <span>👨‍🏫 Lọc theo HLV: <strong>{hlvFilter.name}</strong></span>
                                <button type="button" onClick={function() { setHlvFilter(null); }} className="ml-auto font-bold hover:text-indigo-950 text-sm">✕</button>
                            </div>
                        )}
                        {(searchQuery.trim().length > 0 || hlvFilter) && (
                            <div className="bg-white border border-slate-200 rounded-lg mt-2 max-h-60 overflow-y-auto divide-y divide-slate-100 shadow-lg">
                                {(() => {
                                    function norm(str){return(str||"").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"");}
                                    const qn = norm(searchQuery);
                                    const qDigits = searchQuery.replace(/\D/g,"");

                                    // Match HLVs if not already filtering and query is typed
                                    const matchedHlvs = isAdminOrManager && qn.length > 0 ? hlvs.filter(function(h) {
                                        return norm(h.name).includes(qn) || norm(h.email).includes(qn);
                                    }) : [];

                                    // Match Students
                                    const matchedStudents = filteredStudentsForSearch.filter(function(s) {
                                        if (hlvFilter && Number(s.hlvId) !== Number(hlvFilter.id)) return false;
                                        if (qn.length === 0) return true; // Show all students of coach if query is empty
                                        if (norm(s.name).includes(qn) || norm(s.email).includes(qn)) return true;
                                        if (!hlvFilter) {
                                            const coach = hlvs.find(function(h) { return Number(h.id) === Number(s.hlvId); });
                                            if (coach && norm(coach.name).includes(qn)) return true;
                                        }
                                        if (qDigits.length > 1 && (s.phone || "").replace(/\D/g,"").includes(qDigits)) return true;
                                        return false;
                                    });
                                    
                                    if (matchedHlvs.length === 0 && matchedStudents.length === 0) {
                                        return <div className="p-3 text-xs text-slate-500 text-center">Không tìm thấy khách hàng hoặc HLV phù hợp</div>;
                                    }
                                    
                                    return (
                                        <>
                                            {matchedHlvs.map(function(h) {
                                                return (
                                                    <div
                                                        key={'hlv-' + h.id}
                                                        className="p-3 bg-indigo-50/40 border-b border-indigo-100/20 flex justify-between items-center"
                                                    >
                                                        <div className="flex items-center gap-2">
                                                            <span className="text-base">👨‍🏫</span>
                                                            <div>
                                                                <div className="text-sm font-bold text-indigo-900">HLV: {h.name}</div>
                                                                <div className="text-xs text-indigo-700/70">{h.email}</div>
                                                            </div>
                                                        </div>
                                                        <div className="flex gap-2">
                                                            <button
                                                                type="button"
                                                                onClick={function(e) {
                                                                    e.stopPropagation();
                                                                    setTargetUserId(h.id);
                                                                    setSearchQuery('');
                                                                    setHlvFilter(null);
                                                                    
                                                                    setD(function(prev) {
                                                                        return {
                                                                            ...prev,
                                                                            name: h.name || '',
                                                                            phone: h.phone || '',
                                                                            gender: h.gender || 'Nam',
                                                                            age: h.age || 25,
                                                                            height: h.height || 170,
                                                                            weight: 70,
                                                                            currentBF: h.gender === 'Nữ' ? 23 : 18,
                                                                            targetBF: h.gender === 'Nữ' ? 23 : 12,
                                                                            targetFFMI: '',
                                                                            sports: [],
                                                                        };
                                                                    });
                                                                    resetAllOverrides();
                                                                    setReportPage(0);
                                                                    
                                                                    const nonce = (window.wpApiSettings && window.wpApiSettings.nonce) || '';
                                                                    fetch('/wp-json/ctg/v1/body?user_id=' + h.id, {
                                                                        credentials: 'same-origin', headers: { 'X-WP-Nonce': nonce }
                                                                    })
                                                                    .then(r => r.ok ? r.json() : [])
                                                                    .then(bodyList => {
                                                                        if (bodyList && bodyList.length > 0) {
                                                                            const sorted = bodyList.sort(function(a,b) { return new Date(b.date) - new Date(a.date); });
                                                                            const latestBody = sorted[0];
                                                                            setD(function(prev) {
                                                                                return {
                                                                                    ...prev,
                                                                                    weight: latestBody.weight || prev.weight,
                                                                                    currentBF: latestBody.bodyfat || prev.currentBF,
                                                                                };
                                                                            });
                                                                        }
                                                                    }).catch(function() {});
                                                                    
                                                                    fetch('/wp-json/ctg/v1/roadmaps?user_id=' + h.id + '&_t=' + Date.now(), {
                                                                        credentials: 'same-origin', cache: 'no-store', headers: { 'X-WP-Nonce': nonce }
                                                                    })
                                                                    .then(r => r.ok ? r.json() : [])
                                                                    .then(list => {
                                                                        const it = list && list[0];
                                                                        if (it) {
                                                                            restoreRoadmap(it.payload);
                                                                        }
                                                                    }).catch(function() {});
                                                                    
                                                                    try {
                                                                        const url = new URL(window.location.href);
                                                                        url.searchParams.set('ctg_restore_user', h.id);
                                                                        url.searchParams.delete('ctg_restore_id');
                                                                        window.history.replaceState(null, '', url.pathname + url.search + url.hash);
                                                                    } catch(e) {}
                                                                }}
                                                                className="text-xs px-2 py-1 bg-indigo-600 hover:bg-indigo-700 text-white rounded font-semibold transition"
                                                                style={{ minHeight: '28px' }}
                                                            >
                                                                Lên lộ trình
                                                            </button>
                                                            <button
                                                                type="button"
                                                                onClick={function(e) {
                                                                    e.stopPropagation();
                                                                    setHlvFilter(h);
                                                                    setSearchQuery('');
                                                                }}
                                                                className="text-xs px-2 py-1 bg-indigo-100 hover:bg-indigo-200 text-indigo-700 rounded font-semibold transition"
                                                                style={{ minHeight: '28px' }}
                                                            >
                                                                Xem học viên
                                                            </button>
                                                        </div>
                                                    </div>
                                                );
                                            })}
                                            {matchedStudents.map(function(s) {
                                                const coach = hlvs.find(function(h) { return Number(h.id) === Number(s.hlvId); });
                                                return (
                                                    <div
                                                        key={s.id}
                                                        className="p-3 hover:bg-slate-50 cursor-pointer flex justify-between items-center"
                                                        onClick={function() {
                                                            setTargetUserId(s.id);
                                                            setSearchQuery('');
                                                            setHlvFilter(null);
                                                            
                                                            setD(function(prev) {
                                                                return {
                                                                    ...prev,
                                                                    name: s.name || '',
                                                                    phone: s.phone || '',
                                                                    gender: s.gender || 'Nam',
                                                                    age: s.age || 25,
                                                                    height: s.height || 170,
                                                                    weight: 70,
                                                                    currentBF: s.gender === 'Nữ' ? 23 : 18,
                                                                    targetBF: s.gender === 'Nữ' ? 23 : 12,
                                                                    targetFFMI: '',
                                                                    sports: [],
                                                                };
                                                            });
                                                            resetAllOverrides();
                                                            setReportPage(0);
                                                            
                                                            const nonce = (window.wpApiSettings && window.wpApiSettings.nonce) || '';
                                                            fetch('/wp-json/ctg/v1/body?user_id=' + s.id, {
                                                                credentials: 'same-origin', headers: { 'X-WP-Nonce': nonce }
                                                            })
                                                            .then(r => r.ok ? r.json() : [])
                                                            .then(bodyList => {
                                                                if (bodyList && bodyList.length > 0) {
                                                                    const sorted = bodyList.sort(function(a,b) { return new Date(b.date) - new Date(a.date); });
                                                                    const latestBody = sorted[0];
                                                                    setD(function(prev) {
                                                                        return {
                                                                            ...prev,
                                                                            weight: latestBody.weight || prev.weight,
                                                                            currentBF: latestBody.bodyfat || prev.currentBF,
                                                                        };
                                                                    });
                                                                }
                                                            }).catch(function() {});
                                                            
                                                            fetch('/wp-json/ctg/v1/roadmaps?user_id=' + s.id + '&_t=' + Date.now(), {
                                                                credentials: 'same-origin', cache: 'no-store', headers: { 'X-WP-Nonce': nonce }
                                                            })
                                                            .then(r => r.ok ? r.json() : [])
                                                            .then(list => {
                                                                const it = list && list[0];
                                                                if (it) {
                                                                    restoreRoadmap(it.payload);
                                                                }
                                                            }).catch(function() {});
                                                            
                                                            try {
                                                                const url = new URL(window.location.href);
                                                                url.searchParams.set('ctg_restore_user', s.id);
                                                                url.searchParams.delete('ctg_restore_id');
                                                                window.history.replaceState(null, '', url.pathname + url.search + url.hash);
                                                            } catch(e) {}
                                                        }}
                                                    >
                                                        <div>
                                                            <div className="text-sm font-bold text-slate-800">{s.name}</div>
                                                            <div className="text-xs text-slate-500">{s.email} · {s.phone || 'Không có SĐT'}</div>
                                                        </div>
                                                        <div className="text-right">
                                                            <span className="text-xs font-semibold px-2 py-1 bg-indigo-50 text-indigo-700 rounded-md">
                                                                HLV: {coach ? coach.name : 'Không có'}
                                                            </span>
                                                        </div>
                                                    </div>
                                                );
                                            })}
                                        </>
                                    );
                                })()}
                            </div>
                        )}
                    </div>
                )}
            </div>
        )}
        {
            (<div className="space-y-4" > <div className="grid grid-cols-2 gap-3" > <div><label className= {
                    labelCls
                }

                >Họ tên</label> <input className= {
                    inputCls
                }

                value= {
                    d.name
                }

                onChange= {
                    e=> set('name', e.target.value)
                }

                placeholder="Nhập tên" /></div> <div><label className= {
                    labelCls
                }

                >Số điện thoại</label> <input className= {
                    inputCls
                }

                value= {
                    d.phone
                }

                onChange= {
                    e=> set('phone', e.target.value)
                }

                placeholder="09xxxxxxxx" /></div> </div> <div className="grid grid-cols-2 gap-3" > <div><label className= {
                    labelCls
                }

                >Giới tính</label> <select className= {
                    inputCls
                }

                value= {
                    d.gender
                }

                onChange= {
                    e=> setD(p=> ({
                            ...p, gender: e.target.value, idealBF: e.target.value==='Nam' ? 12 : 23
                        }))
            }

            > <option>Nam</option><option>Nữ</option></select></div> <div><label className= {
                labelCls
            }

            >Tuổi</label> <input type="number" className= {
                inputCls
            }

            value= {
                d.age
            }

            onChange= {
                e=> set('age', e.target.value)
            }

            onFocus= {
                e=>e.target.select()
            }

            /></div> </div> <div className="grid grid-cols-2 gap-3" > <div><label className= {
                labelCls
            }

            >Chiều cao (cm)</label> <input type="number" className= {
                inputCls
            }

            value= {
                d.height
            }

            onChange= {
                e=> set('height', e.target.value)
            }

            onFocus= {
                e=>e.target.select()
            }

            /></div> <div><label className= {
                labelCls
            }

            >Cân nặng (kg)</label> <input type="number" step="any" className= {
                inputCls
            }

            value= {
                d.weight
            }

            onChange= {
                e=> set('weight', e.target.value)
            }

            onFocus= {
                e=>e.target.select()
            }

            /></div> </div> <div> <label className= {
                labelCls
            }

            >📅 Ngày bắt đầu lộ trình</label> <input type="date" className= {
                inputCls
            }

            value= {
                d.startDate
            }

            onChange= {
                e=> set('startDate', e.target.value)
            }

            /> </div> </div>)
    }

        {
        (<div className="space-y-4" > <div> <div className="mb-3" > <label className= {
                labelCls
            }

            >Phương pháp đo % Mỡ</label> <div className="flex gap-4 mt-1" > <label className= {
                "flex items-center gap-2 text-sm cursor-pointer border-2 rounded-lg px-4 py-2 " + (d.measureMethod !=='ai' ? 'border-indigo-600 bg-indigo-50' : 'border-slate-300')
            }

            > <input type="radio" name="measureMethod" className="sr-only" checked= {
                d.measureMethod !=='ai'
            }

            onChange= {
                ()=> set('measureMethod', 'manual')
            }

            /> ✋ Thủ công </label> <label className= {
                "flex items-center gap-2 text-sm cursor-pointer border-2 rounded-lg px-4 py-2 " + (d.measureMethod==='ai' ? 'border-indigo-600 bg-indigo-50' : 'border-slate-300')
            }

            > <input type="radio" name="measureMethod" className="sr-only" checked= {
                d.measureMethod==='ai'
            }

            onChange= {
                ()=> set('measureMethod', 'ai')
            }

            /> 🤖 Đo bằng AI </label> </div> </div> <div style= {
                    {
                    display: d.measureMethod==='ai' ? 'none' : 'block'
                }
            }

            ><label className= {
                labelCls
            }

            >% Mỡ hiện tại (BF%): {
                d.currentBF
            }

            %</label> <input type="range" min="5" max="60" step="0.1" value= {
                d.currentBF
            }

            onChange= {
                e=> set('currentBF', e.target.value)
            }

            className="w-full" /></div> {
                d.measureMethod==='ai' && <AiBodyFatScan d= {
                    d
                }

                set= {
                    set
                }

                onPhotos= {
                    setScanPhotos
                }

                />
            }

            </div> <div className="bg-indigo-50 border border-indigo-200 rounded-xl p-4 flex items-center justify-between" > <div> <p className="text-xs text-indigo-600 font-semibold uppercase" >Chỉ số cơ bắp hiện tại (FFMI)</p> <p className="text-xs text-slate-500 mt-1" >LBM: {
                fmt((+d.weight) * (1 - (+d.currentBF) / 100), 1)
            }

            kg</p> </div> <p className="text-3xl font-bold text-indigo-700" > {
                fmt(liveFFMI, 2)
            }

            </p> </div> <PipImages img1Src= {
                ILLUST.bodyfat[d.gender]
            }

            img1Alt= {
                `Body fat ${
                    d.gender
                }

                `
            }

            img1Label= {
                `📷 % Mỡ (${
                        d.gender
                    })`
            }

            img2Src= {
                ILLUST.ffmi[d.gender]
            }

            img2Alt= {
                `FFMI ${
                    d.gender
                }

                `
            }

            img2Label= {
                `📷 FFMI (${
                        d.gender
                    })`
            }

            /> </div>)
    }

    </div>)
}

    {
    /* STEP 2: Tập luyện & Hoạt động */
}

    {
    step===2 && (<div className="space-y-4 lg:max-w-3xl lg:mx-auto" > <div className="grid grid-cols-2 gap-3" > <div><label className= {
            labelCls
        }

        >Số ngày tập/tuần</label> <input type="number" className= {
            inputCls
        }

        value= {
            d.trainDays
        }

        onChange= {
            e=> set('trainDays', e.target.value)
        }

        onFocus= {
            e=>e.target.select()
        }

        /></div> <div><label className= {
            labelCls
        }

        >Thời gian tập (phút)</label> <input type="number" className= {
            inputCls
        }

        value= {
            d.trainDuration
        }

        onChange= {
            e=> set('trainDuration', e.target.value)
        }

        onFocus= {
            e=>e.target.select()
        }

        /></div> </div> <div className="grid grid-cols-2 gap-3" > <div><label className= {
            labelCls
        }

        >Số bước chân/ngày</label> <input type="number" className= {
            inputCls
        }

        value= {
            d.steps
        }

        onChange= {
            e=> set('steps', e.target.value)
        }

        onFocus= {
            e=>e.target.select()
        }

        /></div> <div><label className= {
            labelCls
        }

        >Cardio (km/ngày)</label> <input type="number" step="any" className= {
            inputCls
        }

        value= {
            d.cardioKm
        }

        onChange= {
            e=> set('cardioKm', e.target.value)
        }

        onFocus= {
            e=>e.target.select()
        }

        /></div> </div> <div className="bg-indigo-50 border border-indigo-200 rounded-xl p-4" > <div className="flex items-center justify-between mb-4" > <p className="font-bold text-indigo-800" >⚽ BỘ MÔN HOẠT ĐỘNG KHÁC</p> <button onClick= {
            addSport
        }

        className="flex items-center gap-1 px-3 py-1 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-sm font-semibold transition" > ➕ Thêm môn </button> </div> {
            d.sports && d.sports.length > 0 ? (<div className="space-y-3" > {
                    d.sports.map((sport, idx)=> {
                            const group=SPORT_GROUPS.find(x=> x.name===sport.type);

                            return (<div key= {
                                    idx
                                }

                                className="bg-white border-l-4 border-indigo-400 p-3 rounded-lg space-y-3" > <div className="flex items-start gap-2" > <div className="flex-1" > <label className="text-xs font-semibold text-slate-600 block mb-1" >Tên bộ môn</label> <input type="text" placeholder="VD: Bơi, Tennis, Bóng đá, Yoga..." className= {
                                    inputCls
                                }

                                value= {
                                    sport.name || ''
                                }

                                onChange= {
                                    e=> updateSport(idx, 'name', e.target.value)
                                }

                                /> </div> <button onClick= {
                                    ()=> deleteSport(idx)
                                }

                                className="mt-6 px-3 py-2 bg-red-100 hover:bg-red-200 text-red-600 rounded-lg transition flex-shrink-0" title="Xóa" > 🗑️ </button> </div> <div> <label className="text-xs font-semibold text-slate-600 block mb-1" >Nhóm cường độ (để tính calo)</label> <select className= {
                                    inputCls
                                }

                                value= {
                                    sport.type
                                }

                                onChange= {
                                    e=> handleSportGroupChange(idx, e.target.value)
                                }

                                > {
                                    SPORT_GROUPS.map(g=> <option key= {
                                            g.name
                                        }

                                        value= {
                                            g.name
                                        }

                                        > {
                                            g.name
                                        }

                                        (MET {
                                                g.metMin
                                            }

                                            – {
                                                g.metMax
                                            })</option>)
                                }

                                </select> {
                                    group && <p className="text-xs text-slate-400 mt-1 italic" >Ví dụ: {
                                        group.examples
                                    }

                                    </p>
                                }

                                </div> <div> <label className="text-xs font-semibold text-slate-600 block mb-1" > Mức độ nỗ lực <span className="text-indigo-600 font-bold" >(MET: {
                                        sport.met

                                    })</span> </label> <div className="grid grid-cols-3 gap-2" > {
                                    ['Nhẹ', 'Vừa', 'Mạnh'].map(eff=> (<button key= {
                                                eff
                                            }

                                            onClick= {
                                                ()=> handleSportEffortChange(idx, eff)
                                            }

                                            className= {
                                                `py-2 rounded-lg text-xs font-semibold border-2 transition ${
                                                    sport.effort===eff ? 'bg-indigo-600 text-white border-indigo-600' : 'bg-white text-slate-600 border-slate-300'
                                                }

                                                `
                                            }

                                            > {
                                                eff
                                            }

                                            <br /><span className="font-normal opacity-75" >MET {
                                                metForEffort(group, eff)
                                            }

                                            </span> </button>))
                                }

                                </div> </div> <div className="grid grid-cols-2 gap-2" > <div><label className="text-xs font-semibold text-slate-600 block mb-1" >Phút/buổi</label> <input type="number" value= {
                                    sport.duration
                                }

                                onChange= {
                                    e=> updateSport(idx, 'duration', e.target.value)
                                }

                                onFocus= {
                                    e=>e.target.select()
                                }

                                className= {
                                    inputCls
                                }

                                /></div> <div><label className="text-xs font-semibold text-slate-600 block mb-1" >Buổi/tuần</label> <input type="number" value= {
                                    sport.sessions
                                }

                                onChange= {
                                    e=> updateSport(idx, 'sessions', e.target.value)
                                }

                                onFocus= {
                                    e=>e.target.select()
                                }

                                className= {
                                    inputCls
                                }

                                /></div> </div> </div>);
                        })
                }

                </div>) : <p className="text-sm text-slate-500 italic" >Chưa có bộ môn nào. Nhấn "Thêm môn" để bắt đầu.</p>
        }

        </div> <div className="bg-purple-50 border border-purple-200 rounded-xl p-4 flex items-center justify-between" > <p className="text-xs text-purple-700 font-semibold" >TỔNG CALO TIÊU THỤ HÀNG NGÀY (TDEE)</p> <p className="text-2xl font-bold text-purple-900" > {
            fmt(base.tdee, 0)
        }

        kcal</p> </div> </div>)
}


    {
    /* ============ STEP 3: Mục tiêu (2 mục tiêu độc lập + 1 thanh % calo) ============ */
}

    {
    step===3 && (<div className="space-y-5 lg:max-w-3xl lg:mx-auto" > <div> <label className="block text-sm font-semibold text-slate-700 mb-2" >🎯 Cách đặt mục tiêu</label> <div className="flex gap-3" > <div onClick= {
            ()=> set('goalMethod', 'manual')
        }

        className= {
            "cursor-pointer border-2 rounded-lg px-4 py-2 text-sm font-semibold " + ((d.goalMethod||'manual')==='manual' ? 'border-indigo-600 bg-indigo-50 text-indigo-700' : 'border-slate-300 text-slate-500')
        }

        >✍️ Thủ công</div> <div onClick= {
            ()=> set('goalMethod', 'idol')
        }

        className= {
            "cursor-pointer border-2 rounded-lg px-4 py-2 text-sm font-semibold " + ((d.goalMethod||'manual')==='idol' ? 'border-indigo-600 bg-indigo-50 text-indigo-700' : 'border-slate-300 text-slate-500')
        }

        >⭐ Hình mẫu lý tưởng</div> </div> </div> {
            (d.goalMethod||'manual')==='idol' && <IdealModelPicker d= {
                d
            }

            set= {
                set
            }

            />
        }

        <div className="space-y-5" style= {
                {
                display:(d.goalMethod||'manual')==='idol' ?'none':undefined
            }
        }

        > <div> <label className= {
            labelCls
        }

        >🎯 FFMI mục tiêu (lượng cơ)</label> <div className="flex items-center gap-3" > <input type="range" min= {
            Math.floor(base.ffmi * 20) / 20
        }

        max= {
            (base.isMale ? 25 : 22) + 3
        }

        step="0.05"

        value= {
            d.targetFFMI==='' ? Math.floor(base.ffmi * 20) / 20 : d.targetFFMI
        }

        onChange= {
            e=> {
                set('targetFFMI', e.target.value); resetAllOverrides();
            }
        }

        className="flex-1" /> <span className="font-bold text-indigo-700 flex-shrink-0" style= {
                {
                fontSize: '1.25rem', minWidth: '4.5ch', textAlign: 'right'
            }
        }

        > {
            fmt(d.targetFFMI==='' ? Math.floor(base.ffmi * 20) / 20 : +d.targetFFMI, 2)
        }

        </span> </div> <p className="text-xs text-slate-500 mt-1" >FFMI hiện tại: <b> {
            fmt(base.ffmi, 2)
        }

        </b> — kéo thanh trượt để chọn mục tiêu (bước nhảy 0, 05)</p> <p className="text-xs text-gray-500 mt-1" >FFMI 18-20: thể hình bình thường, 21-22: vận động viên, 23+: elite</p> {
            (+d.targetFFMI || 0) > (base.isMale ? 25 : 22) && (<div className="mt-3 p-4 rounded-lg border-l-4 bg-red-50 border-red-500" > <p className="font-semibold text-red-700" >🚫 GIỚI HẠN TĂNG CƠ TỰ NHIÊN</p> <p className="text-red-600 text-sm mt-1" > Dữ liệu cho ứng dụng này được lấy từ các nghiên cứu trên người tập luyện tự nhiên. Mục tiêu FFMI <b> {
                    fmt(+d.targetFFMI, 2)
                }

                </b> vượt quá giới hạn tự nhiên (<b> {
                        base.isMale ? '25' : '22'
                    }

                    </b> cho {
                        d.gender
                    }),
                hệ thống vẫn tạo lộ trình nhưng sẽ dừng ở mức sinh lý tối đa có thể đạt. </p> </div>)
        }

        </div> <div className="border-t-2 border-dashed border-slate-300 pt-4" > <label className= {
            labelCls
        }

        >🔥 % Mỡ mục tiêu (lượng mỡ)</label> <input type="range" min="3" max="60" step="0.1" value= {
            d.targetBF
        }

        onChange= {
            e=> set('targetBF', e.target.value)
        }

        className="w-full" /> <p className="text-sm text-slate-600 mt-1" >Mục tiêu: <b> {
            d.targetBF
        }

        %</b> (hiện tại: {
                d.currentBF
            }

            %)</p> <p className="text-xs text-slate-400 mt-3" > 💡 Chiến thuật cố định: <b>Khối 1</b> giảm mỡ về mức lý tưởng trước (mặc định {
                d.gender==='Nam' ? 12 : 23
            }

            % cho {
                d.gender
            }

            , tinh chỉnh được ở từng phase trong Bước 4) → <b> Khối 2</b> ăn dư để tăng cơ tới FFMI mục tiêu (mini-cut tự chèn khi cần) → <b> Khối 3</b> điều chỉnh mỡ lần cuối về đúng %mỡ mục tiêu ở trên. </p> </div> <PipImages img1Src= {
            ILLUST.ffmi[d.gender]
        }

        img1Alt= {
            `FFMI ${
                d.gender
            }

            `
        }

        img1Label="🎯 FFMI mục tiêu" img2Src= {
            ILLUST.bodyfat[d.gender]
        }

        img2Alt= {
            `Body fat ${
                d.gender
            }

            `
        }

        img2Label="🔥 % Mỡ mục tiêu" /> </div> </div>)
}

    {
    /* ============ STEP 4: Báo cáo & Lộ trình (4 trang) ============ */
}

    {
    step===4 && (<div className="space-y-5" > <div className="bg-white border border-slate-200 rounded-xl p-4" > <div className="flex items-center justify-between mb-3 flex-wrap gap-2" > <div className="font-semibold text-slate-700" >💾 Lưu lộ trình hiện tại</div> <button type="button" disabled= {
            rmSaving
        }

        onClick= {
            saveRoadmap
        }

        className="px-3 py-1.5 rounded-lg bg-indigo-600 text-white text-sm font-semibold disabled:opacity-50" > {
            rmSaving ? 'Đang lưu...' : '💾 Lưu lộ trình này'
        }

        </button> </div> {
            rmMsg ? <div className="text-xs text-emerald-600 mb-2" > {
                rmMsg
            }

            </div> : null
        }

        </div> {
            reportPage===0 ? (<React.Fragment key="summary-view" > <div className="bg-slate-50 rounded-xl p-4" > <div className="grid grid-cols-2 gap-x-4 gap-y-2 text-sm" > <div><span className="text-slate-500" >Họ tên: </span><b> {
                    d.name || '—'
                }

                </b></div> <div><span className="text-slate-500" >SĐT: </span><b> {
                    d.phone || '—'
                }

                </b></div> <div><span className="text-slate-500" >Giới tính: </span><b> {
                    d.gender
                }

                </b></div> <div><span className="text-slate-500" >Tuổi: </span><b> {
                    d.age
                }

                </b></div> <div><span className="text-slate-500" >Chiều cao: </span><b> {
                    d.height
                }

                cm</b></div> <div><span className="text-slate-500" >Cân nặng: </span><b> {
                    d.weight
                }

                kg</b></div> </div> <div className="mt-2 pt-2 border-t border-slate-200 flex items-center justify-between" > <span className="text-xs text-slate-500" >📅 Ngày bắt đầu</span> <input type="date" className="text-sm border border-slate-300 rounded px-2 py-2" value= {
                    d.startDate
                }

                onChange= {
                    e=> set('startDate', e.target.value)
                }

                /> </div> </div> <div className="grid grid-cols-2 gap-3" > <div className="bg-amber-50 border border-amber-200 rounded-xl p-4" > <p className="text-xs text-amber-700 font-semibold" >TRAO ĐỔI CHẤT CƠ BẢN (BMR)</p> <p className="text-2xl font-bold text-amber-900" > {
                    fmt(base.bmr, 0)
                }

                </p> </div> <div className="bg-purple-50 border border-purple-200 rounded-xl p-4" > <p className="text-xs text-purple-700 font-semibold" >TỔNG CALO TIÊU THỤ (TDEE)</p> <p className="text-2xl font-bold text-purple-900" > {
                    fmt(base.tdee, 0)
                }

                </p> </div> </div> {
                    multiPhase ? (<div className="bg-blue-50 border-2 border-blue-300 rounded-xl p-4" > <div className="flex items-center justify-between gap-2 flex-wrap mb-1" > <p className="font-bold text-blue-800 min-w-0 break-words" >🔁 LỘ TRÌNH: GIẢM MỠ → TĂNG CƠ → ĐIỀU CHỈNH MỠ CUỐI</p> <button onClick= {
                            resetAllOverrides
                        }

                        className="text-xs px-2 py-1 bg-slate-200 hover:bg-slate-300 rounded font-semibold transition flex-shrink-0" >↺ Đặt lại</button> </div> {
                            /* CHỌN MỤC TIÊU CHÍNH */
                        }

                        <div className="bg-white rounded-lg p-3 mb-3 border border-blue-200" > <p className="text-xs font-semibold text-slate-700 mb-2" >🧭 Đích đến cuối cùng</p> <div className="grid grid-cols-3 gap-2" > {
                            [ {
                                key: 'ffmi', label: '📐 Chỉ FFMI', hint: 'kệ %mỡ'
                            }

                            ,
                            {
                            key: 'bf', label: '🔥 Chỉ %Mỡ', hint: 'kệ FFMI'
                        }

                        ,
                        {
                        key: 'both', label: '🎯 Cả 2', hint: 'đồng thời'
                    }

                    ,
                    ].map(o=> (<button key= {
                                o.key
                            }

                            onClick= {
                                ()=> setGlobalOverride(prev=> ({
                                        ...prev, goalMode: o.key
                                    }))
                        }

                        className= {
                            `min-w-0 py-2 rounded-lg text-xs font-semibold border-2 transition ${
                                (globalOverride.goalMode || 'both')===o.key ? 'bg-indigo-600 text-white border-indigo-600' : 'bg-white text-slate-600 border-slate-300'
                            }

                            `
                        }

                        > <span className="break-words" > {
                            o.label
                        }

                        </span><br /><span className="font-normal opacity-75" >({
                            o.hint
                        })</span> </button>))
        }

        </div> </div> {
            /* THANH 1: FFMI */
        }

        <div className="bg-white rounded-lg p-3 mb-3 border border-blue-200" > <p className="text-xs font-semibold text-slate-700 mb-2" >🎯 Mục tiêu lượng cơ (FFMI cuối cùng)</p> <div className="flex items-center gap-3" > <input type="range" min= {
            Math.ceil(base.ffmi)
        }

        max= {
            multiPhase.ffmiLimit
        }

        step="0.1"

        value= {
            globalOverride.targetFFMI !=null ? globalOverride.targetFFMI : multiPhase.effectiveTargetFFMI
        }

        onChange= {
            e=> setGlobalOverride(prev=> ({
                    ...prev, targetFFMI: +e.target.value
                }))
    }

    className="flex-1" /> <span className="text-sm font-bold text-blue-700 w-28 text-right" > FFMI {
        fmt(globalOverride.targetFFMI !=null ? globalOverride.targetFFMI : multiPhase.effectiveTargetFFMI, 1)
    }

    <span className="text-xs text-slate-400 block" >LBM {
        fmt((globalOverride.targetFFMI !=null ? globalOverride.targetFFMI : multiPhase.effectiveTargetFFMI) * base.hM2, 1)
    }

    kg</span> </span> </div> {
        multiPhase.ffmiWasClamped && <p className="text-xs text-red-600 mt-1" >Đã giới hạn ở mức sinh lý tự nhiên {
            multiPhase.effectiveTargetFFMI
        }

        (thay vì {
                d.targetFFMI
            }

            bạn nhập)</p>
    }

    </div> {
        /* THANH 2: %MỠ */
    }

    <div className="bg-white rounded-lg p-3 mb-3 border border-rose-200" > <p className="text-xs font-semibold text-slate-700 mb-2" >🔥 Mục tiêu lượng mỡ (%mỡ cuối cùng)</p> <div className="flex items-center gap-3" > <input type="range" min= {
        multiPhase.minTargetBF
    }

    max= {
        multiPhase.maxTargetBF
    }

    step="0.1"

    value= {
        globalOverride.targetBF !=null ? globalOverride.targetBF : multiPhase.effectiveTargetBF
    }

    onChange= {
        e=> setGlobalOverride(prev=> ({
                ...prev, targetBF: +e.target.value
            }))
}

className="flex-1" /> <span className="text-sm font-bold text-rose-700 w-20 text-right" > {
    fmt(globalOverride.targetBF !=null ? globalOverride.targetBF : multiPhase.effectiveTargetBF, 1)
}

% </span> </div> {
    multiPhase.bfWasClamped && <p className="text-xs text-red-600 mt-1" >Đã giới hạn về mức hợp lý tối thiểu {
        multiPhase.minTargetBF
    }

    %</p>
}

</div> {
    /* THÔNG BÁO MỤC TIÊU NÀO TỚI TRƯỚC */
}

<div className="bg-amber-50 border border-amber-300 rounded-lg p-3 mb-3" > {
    multiPhase.goalMode==='both' && multiPhase.weekFFMIReached !=null && multiPhase.weekBFReached !=null ? (multiPhase.weekFFMIReached===multiPhase.weekBFReached ? (<p className="text-xs text-amber-800" >⚖️ Cả 2 mục tiêu đạt <b>cùng lúc</b> ở tuần <b> {
                multiPhase.weekFFMIReached
            }

            </b>.</p>) : multiPhase.weekFFMIReached < multiPhase.weekBFReached ? (<p className="text-xs text-amber-800" >📐 Mục tiêu <b>FFMI</b> sẽ đạt trước, ở tuần <b> {
                multiPhase.weekFFMIReached
            }

            </b> — sớm hơn mục tiêu %mỡ <b> {
                round(multiPhase.weekBFReached - multiPhase.weekFFMIReached, 0)
            }

            tuần</b>. <span className="text-amber-600" >→ Mục tiêu FFMI dễ đạt hơn với lựa chọn hiện tại.</span></p>) : (<p className="text-xs text-amber-800" >🔥 Mục tiêu <b>%mỡ</b> sẽ đạt trước, ở tuần <b> {
                multiPhase.weekBFReached
            }

            </b> — sớm hơn mục tiêu FFMI <b> {
                round(multiPhase.weekFFMIReached - multiPhase.weekBFReached, 0)
            }

            tuần</b>. <span className="text-amber-600" >→ Mục tiêu %mỡ dễ đạt hơn với lựa chọn hiện tại.</span></p>)) : multiPhase.goalMode==='ffmi' ? (<p className="text-xs text-amber-800" >📐 Lộ trình chỉ ưu tiên <b>FFMI</b>, đạt ở tuần <b> {
            multiPhase.weekFFMIReached
        }

        </b>. %Mỡ cuối ({
            multiPhase.finalBF
        }

        %) là kết quả tự nhiên, không phải mục tiêu.</p>) : (<p className="text-xs text-amber-800" >🔥 Lộ trình chỉ ưu tiên <b>%Mỡ</b>, đạt ở tuần <b> {
        multiPhase.weekBFReached
    }

    </b>. FFMI cuối ({
        multiPhase.finalFFMI
    }) là kết quả tự nhiên, không phải mục tiêu.</p>)
}

</div> <div className="bg-white rounded-lg p-3 mb-3 border border-blue-100 flex items-center justify-between text-xs" > <span className="text-slate-500" >🗓️ Tổng thời gian lộ trình ước tính:</span> <span className="font-bold text-blue-700" > {
    multiPhase.totalWeeks
}

tuần (~ {
        multiPhase.totalMonths
    }

    tháng) · {
    multiPhase.phases.length
}

phase</span> </div> {
    multiPhase.totalWeeks > 100 && (<div className="mt-3 p-3 bg-yellow-50 border border-yellow-300 rounded-lg text-sm text-yellow-800" > ⚠️ Lộ trình dài <strong> {
            multiPhase.totalWeeks
        }

        tuần</strong> (~ {
                Math.round(multiPhase.totalWeeks/52*10)/10
            }

            năm). Cân nhắc điều chỉnh mục tiêu cho thực tế hơn. </div>)
}

<div className="mb-4" ><WaveChart timeline= {
    multiPhase.timeline
}

phases= {
    multiPhase.phases
}

/></div> {
    /* CÂU ĐÁNH GIÁ THỂ TRẠNG */
}

<div className="bg-indigo-50 border border-indigo-200 rounded-lg p-3 mb-3" > <p className="text-xs font-semibold text-indigo-700 mb-1" >🩺 Đánh giá thể trạng & lý do lộ trình</p> <p className="text-sm text-slate-700" > {
    assessment
}

</p> </div> <button onClick= {
    ()=> goToReportPage(1)
}

className="w-full py-3 bg-indigo-600 hover:bg-indigo-700 text-white font-bold rounded-xl transition" > 📖 Xem lộ trình chi tiết → </button> </div>) : (<div className="bg-slate-50 border border-slate-200 rounded-xl p-5 text-center text-sm text-slate-500" > Hãy nhập LBM mục tiêu và %mỡ mục tiêu ở Bước 3 để xem báo cáo. </div>)
}

</React.Fragment>) : (

    /* ============ TRANG BLOCK (reportPage 1/2/3): danh sách phase nhỏ của 1 khối lớn ============ */
    (()=> {
            const blockKey=activeBlocks[reportPage - 1];
            const blockPhases=multiPhase ? multiPhase.phases.filter(p=> p.block===blockKey) : [];
            const blockWeeks=round(blockPhases.reduce((s, p)=> s + p.weeks, 0), 1);
            const firstGlobalIdx=multiPhase ? multiPhase.phases.findIndex(p=> p.block===blockKey) : 0;
            const isLastPage=reportPage >=activeBlocks.length;

            return (<div key="block-detail-view" className="bg-blue-50 border-2 border-blue-300 rounded-xl p-4" > <div className="flex items-center justify-between mb-3" > <div> <p key= {
                    blockKey
                }

                className="font-bold text-blue-800" > {
                    blockLabels[blockKey]
                }

                — Phase {
                    reportPage
                }

                / {
                    activeBlocks.length
                }

                </p> <p className="text-xs text-blue-600" >⏱️ {
                    blockWeeks
                }

                tuần cho riêng block này · {
                    blockPhases.length
                }

                block</p> </div> <button onClick= {
                    ()=> goToReportPage(0)
                }

                className="text-xs px-2 py-1 bg-slate-200 hover:bg-slate-300 rounded font-semibold transition" >← Tổng quan</button> </div> {
                    /* THANH LỚN MỤC TIÊU CỦA CẢ BLOCK */
                }

                    {
                    blockKey==='block1' && (<div className="bg-white rounded-lg p-3 mb-3 border border-emerald-200" > <label className="text-xs font-semibold text-slate-600 flex justify-between mb-1" > <span>🧭 %Mỡ lý tưởng trước khi tăng cơ (mục tiêu cả Block)</span> <span className="font-bold text-emerald-600" > {
                            fmt(multiPhase.idealBF, 1)
                        }

                        %</span> </label> <input type="range" min= {
                            base.isMale ? 6 : 11
                        }

                        max= {
                            base.isMale ? 19.5 : 29.5
                        }

                        step="0.1"

                        value= {
                            globalOverride.idealBF !=null ? globalOverride.idealBF : multiPhase.idealBF
                        }

                        onChange= {
                            e=> setGlobalOverride(prev=> ({
                                    ...prev, idealBF: +e.target.value
                                }))
                    }

                    className="w-full" /> <p className="text-[11px] text-slate-400 mt-1" >Mặc định {
                        base.isMale ? 12 : 23
                    }

                    % cho {
                        d.gender
                    }

                    . Kéo lên → cần giảm ít mỡ hơn → Block này ngắn lại, vẫn dưới {
                        base.isMale ? '20' : '30'
                    }

                    %.</p> </div>)
            }

                {
                blockKey==='block2' && (<div style={{ background: 'rgba(255, 255, 255, 0.03)', border: '1px solid rgba(255, 255, 255, 0.08)', borderLeft: '4px solid #f43f5e' }} className="rounded-lg p-3 mb-3" > <label className="text-xs font-semibold text-slate-400 flex justify-between mb-1" > <span>📐 FFMI mục tiêu kết thúc Block (mục tiêu cả lộ trình)</span> <span className="font-bold text-rose-500" > {
                        fmt(multiPhase.effectiveTargetFFMI, 1)
                    }

                    <span className="text-slate-500 font-normal ml-1" >(LBM {
                            fmt(multiPhase.effectiveTargetFFMI * base.hM2, 1)
                        }

                        kg)</span></span> </label> <input type="range" min= {
                        Math.ceil(base.ffmi)
                    }

                    max= {
                        multiPhase.ffmiLimit
                    }

                    step="0.1"

                    value= {
                        globalOverride.targetFFMI !=null ? globalOverride.targetFFMI : multiPhase.effectiveTargetFFMI
                    }

                    onChange= {
                        e=> setGlobalOverride(prev=> ({
                                ...prev, targetFFMI: +e.target.value
                            }))
                    }

                    className="w-full" /> <p className="text-[11px] text-slate-400 mt-1" >Hạ xuống → cần tăng ít cơ hơn → Block này ngắn lại (hạ kỳ vọng cơ bắp).</p> {
                        multiPhase.ffmiWasClamped && <p className="text-xs text-red-500 mt-1" >Đã giới hạn ở mức sinh lý tự nhiên {
                            multiPhase.effectiveTargetFFMI
                        }

                        (thay vì {
                                d.targetFFMI
                            }

                            bạn nhập)</p>
                    }

                    </div>)
            }

            {
            blockKey==='block3' && (<div style={{ background: 'rgba(255, 255, 255, 0.03)', border: '1px solid rgba(255, 255, 255, 0.08)', borderLeft: '4px solid #10b981' }} className="rounded-lg p-3 mb-3" > <label className="text-xs font-semibold text-slate-400 flex justify-between mb-1" > <span>🔥 %Mỡ mục tiêu cuối cùng (mục tiêu cả lộ trình)</span> <span className="font-bold text-emerald-500" > {
                    fmt(multiPhase.effectiveTargetBF, 1)
                }

                %</span> </label> <input type="range" min= {
                    multiPhase.minTargetBF
                }

                max= {
                    multiPhase.maxTargetBF
                }

                step="0.1"

                value= {
                    globalOverride.targetBF !=null ? globalOverride.targetBF : multiPhase.effectiveTargetBF
                }

                onChange= {
                    e=> setGlobalOverride(prev=> ({
                            ...prev, targetBF: +e.target.value
                        }))
                }

                className="w-full" /> <p className="text-[11px] text-slate-400 mt-1" >Kéo lên → cần giảm ít mỡ hơn → Block này ngắn lại.</p> {
                    multiPhase.bfWasClamped && <p className="text-xs text-red-500 mt-1" >Đã giới hạn về mức hợp lý tối thiểu {
                        multiPhase.minTargetBF
                    }

                    %</p>
                }

                </div>)
        }

    <div className="grid grid-cols-1 sm:grid-cols-2 gap-3 items-start" > {
        blockPhases.map((p, localIdx)=> {
                const idx=firstGlobalIdx + localIdx;

                const dateInfo=phasesWithDates[idx] || {}

                ;
                const isCurrent=idx===currentPhaseIdx;
                const belowBMR=p.macros.caloGoal < p.bmrAtStart;
                const isBulk=p.macros.pct > 0;
                const isDietBreak=p.isSpecialPhase==='dietbreak';
                const isMiniCut=p.isSpecialPhase==='minicut';

                const ovr=phaseOverrides[idx] || {}

                ;
                const endHere= ! !ovr.endHere;
                const phaseLabel=isMiniCut ? '⚡ Mini-Cut (chèn tự động — chững cân khi tăng cơ)'
                : isDietBreak ? '🔄 Diet Break (chèn tự động — phục hồi trao đổi chất)'
                : (isBulk ? 'Tăng cơ (Thặng dư calo)' : (p.block==='block3' ? 'Điều chỉnh bodyfat' : 'Giảm mỡ (Thâm hụt calo)'));

                // Thiết kế viền, bóng đổ và màu sắc đặc trưng để tách bạch các block trên nền tối
                const cardStyle = isMiniCut 
                  ? { border: '2px solid rgba(245, 158, 11, 0.8)', background: 'rgba(21, 32, 66, 0.8)', boxShadow: '0 0 15px rgba(245, 158, 11, 0.2)' }
                  : isDietBreak 
                  ? { border: '2px solid rgba(14, 165, 233, 0.7)', background: 'rgba(21, 32, 66, 0.8)', boxShadow: '0 0 15px rgba(14, 165, 233, 0.2)' }
                  : isBulk 
                  ? { border: '1px solid rgba(255, 255, 255, 0.1)', borderLeft: '6px solid #f43f5e', background: 'rgba(21, 32, 66, 0.8)', boxShadow: '0 4px 16px rgba(244, 63, 94, 0.15)' }
                  : { border: '1px solid rgba(255, 255, 255, 0.1)', borderLeft: '6px solid #10b981', background: 'rgba(21, 32, 66, 0.8)', boxShadow: '0 4px 16px rgba(16, 185, 129, 0.15)' };
                
                const titleColor = isMiniCut ? '#fb923c' : isDietBreak ? '#38bdf8' : isBulk ? '#f87171' : '#34d399';

                return (<div key= {
                        idx
                    }

                    style={cardStyle}
                    className= {
                        `rounded-lg p-4 transition-all duration-200 hover:scale-[1.01] ${
                            isCurrent ? 'ring-2 ring-amber-400' : ''
                        }

                        ${
                            endHere ? 'opacity-90' : ''
                        }

                        `
                    }

                    > <div className="flex items-center justify-between gap-2 mb-2" > <p 
                        style={{ color: titleColor, fontSize: '15.5px' }}
                        className="font-bold"

                    > {
                        isMiniCut ? '⚡' : isDietBreak ? '🔄' : (isBulk ? '📈' : '📉')
                    }

                    Block {
                        localIdx + 1
                    }

                    : {
                        phaseLabel
                    }

                    — {
                        p.weeks
                    }

                    tuần </p> {
                        isCurrent && <span className="text-[10px] bg-amber-400 text-amber-900 px-2 py-0.5 rounded-full font-bold flex-shrink-0" >ĐANG DIỄN RA</span>
                    }

                    </div> {
                        isMiniCut && <p className="text-[11px] text-orange-600 mb-2" >💡 Tăng cân quá nhanh khi bulk làm giảm độ nhạy insulin, khiến phần tăng thêm chủ yếu là mỡ. Mini-cut ngắn giúp "reset" rồi bulk tiếp hiệu quả hơn.</p>
                    }

                        {
                        isDietBreak && <p className="text-[11px] text-sky-600 mb-2" >💡 Giảm mỡ kéo dài khiến trao đổi chất chậm lại (metabolic adaptation). 1-2 tuần ăn tại TDEE giúp phục hồi hormone & duy trì tốc độ giảm mỡ dài hạn (theo MATADOR study).</p>
                    }

                    <p className="text-xs text-slate-500 mb-2" >📅 {
                        fmtDate(dateInfo.startDateStr)
                    }

                    → {
                        fmtDate(dateInfo.endDateStr)
                    }

                    </p> {
                        isCurrent && dateInfo.endDateStr && <div className="mb-2" ><CountdownTimer endDateStr= {
                            dateInfo.endDateStr
                        }

                        label="Còn lại đến hết block này" /></div>
                    }

                    <div className="xs-stack-4 grid grid-cols-4 gap-2 text-xs mb-2" > 
                      <div style={{ background: 'rgba(255, 255, 255, 0.03)', border: '1px solid rgba(255, 255, 255, 0.08)', borderTop: '3px solid #94a3b8', borderRadius: '8px', padding: '6px', minWidth: 0 }}>
                        <p style={{ color: '#94a3b8', margin: 0, fontSize: '10.5px' }}>⚖️ Cân nặng</p>
                        <p className="font-semibold break-words" style={{ color: '#f8fafc', margin: '4px 0 0', fontSize: '11.5px' }}>{p.startW} → {p.endW}</p>
                      </div> 
                      <div style={{ background: 'rgba(255, 255, 255, 0.03)', border: '1px solid rgba(255, 255, 255, 0.08)', borderTop: '3px solid #fb923c', borderRadius: '8px', padding: '6px', minWidth: 0 }}>
                        <p style={{ color: '#fb923c', margin: 0, fontSize: '10.5px' }}>🔥 % Mỡ</p>
                        <p className="font-semibold break-words" style={{ color: '#f8fafc', margin: '4px 0 0', fontSize: '11.5px' }}>{p.startBF} → {p.endBF}</p>
                      </div> 
                      <div style={{ background: 'rgba(255, 255, 255, 0.03)', border: '1px solid rgba(255, 255, 255, 0.08)', borderTop: '3px solid #10b981', borderRadius: '8px', padding: '6px', minWidth: 0 }}>
                        <p style={{ color: '#10b981', margin: 0, fontSize: '10.5px' }}>💪 LBM</p>
                        <p className="font-semibold break-words" style={{ color: '#f8fafc', margin: '4px 0 0', fontSize: '11.5px' }}>{p.startLBM} → {p.endLBM}</p>
                      </div> 
                      <div style={{ background: 'rgba(255, 255, 255, 0.03)', border: '1px solid rgba(255, 255, 255, 0.08)', borderTop: '3px solid #a78bfa', borderRadius: '8px', padding: '6px', minWidth: 0 }}>
                        <p style={{ color: '#a78bfa', margin: 0, fontSize: '10.5px' }}>📐 FFMI</p>
                        <p className="font-semibold break-words" style={{ color: '#f8fafc', margin: '4px 0 0', fontSize: '11.5px' }}>{p.startFFMI} → {p.endFFMI}</p>
                      </div> 
                    </div> {
                        /* ===== TINH CHỈNH ===== */
                    }

                        {
                        !isMiniCut && !isDietBreak && (<div style={{ background: 'rgba(255, 255, 255, 0.02)', border: '1px solid rgba(255, 255, 255, 0.06)' }} className="rounded-lg p-2.5 space-y-2.5 mb-2" > {
                                /* % calo */
                            }

                            <div> <label className="text-xs font-semibold text-slate-400 flex justify-between mb-1" > <span> {
                                isBulk ? '📈 Thặng dư calo' : '📉 Thâm hụt calo'
                            }

                            (so với TDEE)</span> <span className= {
                                `font-bold ${
                                    isBulk ? 'text-red-600' : 'text-emerald-600'
                                }

                                `
                            }

                            > {
                                p.macros.pct > 0 ? '+' : ''
                            }

                                {
                                p.macros.pct
                            }

                            %</span> </label> <input type="range" min="5" max="30" step="1" value= {
                                p.pctMagnitude
                            }

                            onChange= {
                                e=> updatePhaseOverride(idx, 'pct', +e.target.value)
                            }

                            className="w-full" /> </div> {
                                /* Mục tiêu phase này (chỉ hiển thị tham khảo — điều chỉnh ở thanh lớn đầu Block) */
                            }

                            <p className="text-[11px] text-slate-400 rounded px-2 py-1.5" style={{ background: 'rgba(255, 255, 255, 0.02)', border: '1px solid rgba(255, 255, 255, 0.05)' }} > {
                                p.block==='block1' && idx===lastBlock1Idx ? <>🧭 Block này nhằm đạt %mỡ lý tưởng <b> {
                                    fmt(p.phaseTarget, 1)
                                }

                                %</b> trước khi tăng cơ.</> : !isBulk ? <>🔥 Block này nhằm đạt %mỡ <b> {
                                    fmt(p.phaseTarget, 1)
                                }

                                %</b>.</> : <>📐 Block này nhằm đạt FFMI <b> {
                                    fmt(p.phaseTarget, 1)
                                }

                                </b> (LBM {
                                        fmt(p.phaseTarget * base.hM2, 1)
                                    }

                                    kg).</>
                            }

                            </p> {
                                /* Vận động: steps / buổi tập / thời lượng */
                            }

                            <div> <label className="text-xs font-semibold text-slate-600 flex justify-between mb-1" > <span>👟 Số bước chân / ngày</span><span className="font-bold text-indigo-600" > {
                                (p.steps || 0).toLocaleString('vi-VN')
                            }

                            </span> </label> <input type="range" min="2000" max="25000" step="500" value= {
                                p.steps
                            }

                            onChange= {
                                e=> updatePhaseOverride(idx, 'steps', +e.target.value)
                            }

                            className="w-full" /> </div> <div className="grid grid-cols-2 gap-2" > <div> <label className="text-xs font-semibold text-slate-600 flex justify-between mb-1" > <span>🏋️ Buổi tập/tuần</span><span className="font-bold text-indigo-600" > {
                                p.trainDays
                            }

                            </span> </label> <input type="range" min="0" max="7" step="1" value= {
                                p.trainDays
                            }

                            onChange= {
                                e=> updatePhaseOverride(idx, 'trainDays', +e.target.value)
                            }

                            className="w-full" /> </div> <div> <label className="text-xs font-semibold text-slate-600 flex justify-between mb-1" > <span>⏱️ Phút/buổi</span><span className="font-bold text-indigo-600" > {
                                p.trainDuration
                            }

                            </span> </label> <input type="range" min="15" max="150" step="5" value= {
                                p.trainDuration
                            }

                            onChange= {
                                e=> updatePhaseOverride(idx, 'trainDuration', +e.target.value)
                            }

                            className="w-full" /> </div> </div> </div>)
                    }

                        {
                        (isMiniCut || isDietBreak) && (<div className= {
                                `rounded-lg p-2.5 space-y-2.5 mb-2 border ${
                                    isMiniCut ? 'bg-orange-50/70 border-orange-200' : 'bg-sky-50/70 border-sky-200'
                                }

                                `
                            }

                            > <p className="text-[11px] text-slate-500" > {
                                isMiniCut ? '🔒 % thâm hụt calo tự động tính (tối đa 22%, kẹp lại nếu cần để không xuống dưới BMR).' : '🔒 Calo cố định ở mức TDEE (duy trì) trong giai đoạn này.'
                            }

                                {
                                ' '
                            }

                            Bạn vẫn chỉnh được mức vận động bên dưới: </p> <div> <label className="text-xs font-semibold text-slate-600 flex justify-between mb-1" > <span>👟 Số bước chân / ngày</span><span className="font-bold text-indigo-600" > {
                                (p.steps || 0).toLocaleString('vi-VN')
                            }

                            </span> </label> <input type="range" min="2000" max="25000" step="500" value= {
                                p.steps
                            }

                            onChange= {
                                e=> updatePhaseOverride(idx, 'steps', +e.target.value)
                            }

                            className="w-full" /> </div> <div className="grid grid-cols-2 gap-2" > <div> <label className="text-xs font-semibold text-slate-600 flex justify-between mb-1" > <span>🏋️ Buổi tập/tuần</span><span className="font-bold text-indigo-600" > {
                                p.trainDays
                            }

                            </span> </label> <input type="range" min="0" max="7" step="1" value= {
                                p.trainDays
                            }

                            onChange= {
                                e=> updatePhaseOverride(idx, 'trainDays', +e.target.value)
                            }

                            className="w-full" /> </div> <div> <label className="text-xs font-semibold text-slate-600 flex justify-between mb-1" > <span>⏱️ Phút/buổi</span><span className="font-bold text-indigo-600" > {
                                p.trainDuration
                            }

                            </span> </label> <input type="range" min="15" max="150" step="5" value= {
                                p.trainDuration
                            }

                            onChange= {
                                e=> updatePhaseOverride(idx, 'trainDuration', +e.target.value)
                            }

                            className="w-full" /> </div> </div> {
                                isMiniCut && belowBMR && <p className="text-[11px] text-red-600" >⚠️ Với mức vận động này, calo mục tiêu đã chạm sàn BMR — không thể giảm thâm hụt thêm. Hãy tăng vận động nếu muốn calo mục tiêu cao hơn.</p>
                            }

                            </div>)
                    }

                        {
                        /* BMR / TDEE / Calo */
                    }

                    <div className="grid grid-cols-3 gap-2 text-xs mb-2" > 
                      <div style={{ background: 'rgba(255, 255, 255, 0.03)', border: '1px solid rgba(255, 255, 255, 0.08)', borderTop: '3px solid #94a3b8', borderRadius: '8px', padding: '6px' }}>
                        <p style={{ color: '#94a3b8', margin: 0, fontSize: '10.5px' }}>BMR</p>
                        <p className="font-semibold" style={{ color: '#f8fafc', margin: '4px 0 0', fontSize: '11.5px' }}>{p.bmrAtStart}</p>
                      </div> 
                      <div style={{ background: 'rgba(255, 255, 255, 0.03)', border: '1px solid rgba(255, 255, 255, 0.08)', borderTop: '3px solid #38bdf8', borderRadius: '8px', padding: '6px' }}>
                        <p style={{ color: '#38bdf8', margin: 0, fontSize: '10.5px' }}>TDEE</p>
                        <p className="font-semibold" style={{ color: '#f8fafc', margin: '4px 0 0', fontSize: '11.5px' }}>{p.tdeeAtStart}</p>
                      </div> 
                      <div style={{ 
                        background: belowBMR ? 'rgba(239, 68, 68, 0.15)' : 'rgba(255, 255, 255, 0.03)', 
                        border: belowBMR ? '1px solid #ef4444' : '1px solid rgba(255, 255, 255, 0.08)', 
                        borderTop: belowBMR ? '3px solid #ef4444' : '3px solid #f59e0b', 
                        borderRadius: '8px', 
                        padding: '6px' 
                      }}>
                        <p style={{ color: belowBMR ? '#ef4444' : '#f59e0b', margin: 0, fontSize: '10.5px' }}>Calo mục tiêu</p>
                        <p className="font-semibold" style={{ color: belowBMR ? '#fca5a5' : '#f8fafc', margin: '4px 0 0', fontSize: '11.5px' }}>{p.macros.caloGoal}</p>
                      </div> 
                    </div> {
                        belowBMR && <p className="text-xs text-red-600 mb-2" >⚠️ Calo mục tiêu đang THẤP HƠN BMR — không an toàn để duy trì lâu, nên giảm mức thâm hụt.</p>
                    }
 
                    <div className="flex flex-wrap gap-2 text-xs mb-3 mt-1.5" > 
                      <span style={{ border: '1px solid rgba(239, 68, 68, 0.3)', color: '#f87171', background: 'rgba(239, 68, 68, 0.05)', padding: '3px 8px', borderRadius: '6px', fontWeight: 'bold' }}>🥩 Pro: {p.macros.protein}g</span>
                      <span style={{ border: '1px solid rgba(34, 197, 94, 0.3)', color: '#4ade80', background: 'rgba(34, 197, 94, 0.05)', padding: '3px 8px', borderRadius: '6px', fontWeight: 'bold' }}>🍞 Carb: {p.macros.carb}g</span>
                      <span style={{ border: '1px solid rgba(234, 179, 8, 0.3)', color: '#facc15', background: 'rgba(234, 179, 8, 0.05)', padding: '3px 8px', borderRadius: '6px', fontWeight: 'bold' }}>🥑 Fat: {p.macros.fat}g</span>
                    </div> {
                        !isMiniCut && !isDietBreak && (<button onClick= {
                                ()=> toggleEndHere(idx, endHere)
                            }

                            className= {
                                `w-full text-xs py-1.5 rounded font-semibold border transition ${
                                    endHere ? 'bg-slate-800 text-white border-slate-800' : 'bg-white text-slate-500 border-slate-300 hover:bg-slate-100'
                                }

                                `
                            }

                            > {
                                endHere ? '🏁 Đã chọn KẾT THÚC tại đây (các phase sau đã bị xóa)' : '🏁 Kết thúc lộ trình tại block này'
                            }

                            </button>)
                    }

                    <button type="button" disabled= {
                        stBusy
                    }

                    onClick= {
                        function() {
                            startTraining(dateInfo, idx);
                        }
                    }

                    className="w-full mt-2 py-2 rounded-lg bg-emerald-600 text-white text-sm font-semibold disabled:opacity-50" > {
                        stBusy ? 'Đang xử lý...' : '🏋️ Bắt đầu lộ trình tập luyện'
                    }

                    </button> </div>);
            })
    }

    </div> <div className="flex gap-2 mt-4" > {
        reportPage > 1 && <button onClick= {
            ()=> goToReportPage(reportPage - 1)
        }

        className="flex-1 py-2.5 bg-slate-200 hover:bg-slate-300 text-slate-700 font-semibold rounded-lg text-sm transition" > ← Phase trước </button>
    }

        {
        !isLastPage ? (<button onClick= {
                ()=> goToReportPage(reportPage + 1)
            }

            className="flex-1 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold rounded-lg text-sm transition" > Phase tiếp theo → </button>) : (<div className="flex-1 py-2.5 bg-emerald-100 text-emerald-700 font-semibold rounded-lg text-sm text-center" > 🏁 Đã hết lộ trình ({
                multiPhase ? multiPhase.totalWeeks : 0
            }

            tuần, {
            fmtDate(phasesWithDates.length > 0 ? phasesWithDates[phasesWithDates.length - 1].endDateStr : null)
        }) </div>)
}

</div> </div>);
})())
}

</div>)
}

</div> <div className="flex gap-3" > {
    step > 1 && reportPage===0 && (<button onClick= {
            ()=> {
                goToStep(step - 1);
            }
        }

        className="flex-1 py-3 bg-slate-200 hover:bg-slate-300 text-slate-700 font-semibold rounded-xl transition" >← Quay lại</button>)
}

    {
    step < 4 ? (<button onClick= {
            ()=> {
                goToStep(step + 1);
            }
        }

        className="flex-1 py-3 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold rounded-xl transition" > {
            step===3 ? 'Xem báo cáo →' : 'Tiếp theo →'
        }

        </button>) : (<> {
            reportPage===0 && <> <button onClick= {
                ()=> goToView('detailReport')
            }

            className="flex-1 py-3 bg-slate-700 hover:bg-slate-800 text-white font-semibold rounded-xl transition" > 📋 Báo cáo lộ trình chi tiết </button> <button onClick= {
                ()=> {
                    goToStep(1); resetAllOverrides(); setReportPage(0);
                }
            }

            className="flex-1 py-3 bg-emerald-600 hover:bg-emerald-700 text-white font-semibold rounded-xl transition" > 🔄 Tạo lộ trình mới </button> </>
        }

        </>)
}

</div> </div> </div> </div> </div>)
}

</>)
}

</>);
}







/* ==================== WORKOUT SCHEDULER (Lên lịch tập) — mục "data lên lịch tập" ==================== */

/* ---- 1. Config layer (mục 2 + mục 8: không hardcode trong logic, luôn qua wsGetConfig()) ---- */
// [SỬA] Ngực và Xô: tính volume CHUNG (1 nhóm cơ = 1 MEV/MRV), vùng con (trên/giữa/dưới) chỉ dùng để BIAS chọn bài khi người dùng chọn điểm yếu cụ thể — không tách volume.
// Vai/Tay/Lưng trên (Trap)/Đùi: các cơ con tính volume RIÊNG (mỗi cơ 1 MEV/MRV độc lập, như trước giờ), chỉ GOM lại chung 1 nút bấm cho tiện chọn UI.
// "cau_vai" (lưng trên) cũ được tách thành trap1/trap2/trap3 (thang/cơ thang trên-giữa-dưới). Thêm dui_trong (đùi trong/khép háng).
var WS_MUSCLES = ["nguc","lung","vai_giua","vai_sau","vai_truoc","tay_truoc","tay_sau","dui_truoc","dui_sau","dui_trong","mong","bap_chan","bung","trap1","trap2","trap3","that_lung"];
var WS_MUSCLE_LABEL = {nguc:"Ngực",lung:"Lưng xô",vai_giua:"Vai giữa",vai_sau:"Vai sau",vai_truoc:"Vai trước",tay_truoc:"Tay trước",tay_sau:"Tay sau",dui_truoc:"Đùi trước",dui_sau:"Đùi sau",dui_trong:"Đùi trong",mong:"Mông",bap_chan:"Bắp chuối",bung:"Bụng (core)",trap1:"Trap 1 (trên)",trap2:"Trap 2 (giữa)",trap3:"Trap 3 (dưới)",that_lung:"Thắt lưng"};
// Nhóm cơ dùng để vẽ accordion trong UI (bấm vào nhóm cha sẽ xổ ra các ô con TRONG CÙNG 1 khối, không tách rời).
// mode:"combined" = 1 volume chung, vùng con chỉ bias chọn bài (Ngực, Xô). mode:"independent" = mỗi vùng con là 1 cơ tính volume riêng (Vai, Tay, Lưng trên, Đùi).
var WS_MUSCLE_GROUPS = {
  nguc: {label:"Ngực", mode:"combined", muscle:"nguc", regions:[{key:"tren",label:"Ngực trên"},{key:"giua",label:"Ngực giữa"},{key:"duoi",label:"Ngực dưới"}]},
  lung: {label:"Xô", mode:"combined", muscle:"lung", regions:[{key:"tren",label:"Xô trên (độ dày)"},{key:"duoi",label:"Xô dưới (độ rộng)"}]},
  vai:  {label:"Vai", mode:"independent", parts:["vai_truoc","vai_giua","vai_sau"]},
  tay:  {label:"Tay", mode:"independent", parts:["tay_truoc","tay_sau"]},
  lung_tren_trap: {label:"Lưng trên (Trap)", mode:"independent", parts:["trap1","trap2","trap3"]},
  dui:  {label:"Đùi", mode:"independent", parts:["dui_truoc","dui_sau","dui_trong"]}
};
// MEV/MAV/MRV theo set HIỆU DỤNG (fractional: set chính 1.0 + set phụ theo hệ số) — KHÔNG phải set direct thuần như bản cũ.
// CĂN CỨ: Pelland et al. 2025 (Sports Medicine, meta-regression 67 nghiên cứu) xác nhận phương pháp HIỆP PHÂN SỐ là cách đếm dự báo
// tăng cơ tốt nhất; volume trung bình ~12 set hiệu dụng/tuần, lợi ích tăng nhưng GIẢM DẦN sau đó (không có ngưỡng phẳng tuyệt đối).
// Vì đã tính set gián tiếp bằng hiệp phân số nên landmark HỘI TỤ gần đồng nhất giữa các nhóm cơ (điều khiến biceps/vai sau có landmark
// direct thấp ở hệ RP chính là do chúng nhận nhiều set gián tiếp — nay đã được đếm). Khung chung: MEV~5-6, MAV(tối ưu)~10-12, MRV~18-20.
// Tinh chỉnh nhỏ theo khả năng hồi phục thực: cơ nhỏ nhận nhiều gián tiếp (vai trước/trap/adductor/erector) MRV thấp hơn; cơ chịu tải tốt
// (vai giữa/bắp chuối/bụng) MRV cao hơn. beginner *0.7, advanced *1.2. minFreq giữ nguyên.
var WS_VOLUME_LANDMARKS = {
  nguc:      {mv:4,  mev:6,  mavLo:10, mavHi:16, mrv:20, minFreq:2},
  lung:      {mv:4,  mev:6,  mavLo:10, mavHi:16, mrv:20, minFreq:2},
  vai_giua:  {mv:4,  mev:6,  mavLo:10, mavHi:16, mrv:22, minFreq:2},
  vai_sau:   {mv:3,  mev:6,  mavLo:10, mavHi:14, mrv:18, minFreq:2},
  vai_truoc: {mv:0,  mev:4,  mavLo:8,  mavHi:12, mrv:16, minFreq:1},
  tay_truoc: {mv:4,  mev:6,  mavLo:10, mavHi:14, mrv:18, minFreq:2},
  tay_sau:   {mv:4,  mev:6,  mavLo:10, mavHi:14, mrv:18, minFreq:2},
  dui_truoc: {mv:4,  mev:6,  mavLo:10, mavHi:16, mrv:20, minFreq:1.5},
  dui_sau:   {mv:4,  mev:6,  mavLo:10, mavHi:14, mrv:18, minFreq:2},
  dui_trong: {mv:0,  mev:4,  mavLo:8,  mavHi:12, mrv:16, minFreq:2},
  mong:      {mv:0,  mev:4,  mavLo:8,  mavHi:14, mrv:18, minFreq:2},
  bap_chan:  {mv:4,  mev:8,  mavLo:12, mavHi:16, mrv:22, minFreq:2},
  bung:      {mv:0,  mev:6,  mavLo:10, mavHi:16, mrv:22, minFreq:3},
  trap1:     {mv:0,  mev:4,  mavLo:8,  mavHi:12, mrv:16, minFreq:2},
  trap2:     {mv:0,  mev:4,  mavLo:8,  mavHi:12, mrv:16, minFreq:2},
  trap3:     {mv:0,  mev:4,  mavLo:6,  mavHi:10, mrv:14, minFreq:2},
  that_lung: {mv:0,  mev:0,  mavLo:6,  mavHi:10, mrv:14, minFreq:1}
};
var WS_EXPERIENCE_MULT = {beginner:0.7, intermediate:1, advanced:1.2};
// ===== SỐ HÓA TRÌNH ĐỘ TẬP (liên tục, cùng nền tảng với công thức % calo) =====
// Thang tiến bộ e ∈ [0,1]: mới tập 0, trung cấp 0.5, nâng cao 1 (sau này có thể nhận "tuổi tập" theo năm rồi quy về e).
var WS_EXPERIENCE_SCALAR = {beginner:0, intermediate:0.5, advanced:1};
// (1) HỆ SỐ VOLUME theo trình độ — HIỆU CHỈNH theo dữ liệu empirical mới nhất (Cora/Vora meta-guide 2026; RP; Pelland 2025):
//     người mới 6-10, trung cấp 10-16, nâng cao 16-20 set/tuần -> TỶ LỆ nâng cao/người mới ~2.0-2.5×.
//     Hàm bậc 2 đi qua 0.6 / 1.0 / 1.35 (tỷ lệ ~2.25×), khớp các mốc trên khi nhân với landmark nền.
// VỀ NGHỊCH LÝ RPE (người mới tập RPE thấp -> mỗi set kém hiệu quả -> lẽ ra cần nhiều set hơn):
//   Cơ chế này CÓ THẬT, nhưng các con số empirical ở trên ĐÃ bao gồm sẵn RPE thấp thực tế của người mới — họ cần ÍT set DÙ RPE thấp,
//   vì hyper-responsiveness áp đảo. Nếu nhân thêm 1 "hệ số bù RPE" vào volume sẽ ĐẾM TRÙNG cái đã nằm trong dữ liệu (làm hẹp sai khoảng cách).
//   -> Xử lý ảnh hưởng RPE ĐÚNG CHỖ: ở TIẾN TRÌNH RPE (WS_EXPERIENCE_RPE_RANGE — người mới ramp 5→7.5), KHÔNG chất thêm volume junk.
function wsExpMult(level){ var e=WS_EXPERIENCE_SCALAR[level]; if(e===undefined) e=0.5; return 0.6 + 0.85*e - 0.1*e*e; }
// (2) TƯƠNG TÁC TRÌNH ĐỘ × THÂM HỤT CALO — người MỚI chịu thâm hụt TỐT hơn (linh hoạt chuyển hóa + newbie gains, recomp được),
//     người NÂNG CAO chịu kém hơn (gần trần, hồi phục kém) nên phải bảo thủ hơn khi cắt (Stronger By Science; Roth 2022; Murphy & Koehler).
//     -> Quy về "thâm hụt HIỆU DỤNG": khuếch đại độ sâu cắt cho nâng cao, giảm nhẹ cho người mới; ở duy trì/thặng dư trình độ không đổi gì.
function wsEffectiveDeficitPct(deficitPct, level){
  var e=WS_EXPERIENCE_SCALAR[level]; if(e===undefined) e=0.5;
  var severity=Math.max(0, -deficitPct);          // 0 khi ≥ duy trì; tới 0.30 khi cắt mạnh
  return deficitPct - severity*0.6*(e-0.5);        // beginner(e=0): +0.09 (nhẹ hơn); advanced(e=1): -0.09 (nặng hơn); intermediate: giữ nguyên
}
// Vùng làm việc + tốc độ tiến triển theo energy_status (mục 2.2) — luôn >= MEV, không bao giờ hạ dưới.
// SỐ HÓA LIÊN TỤC theo % thâm hụt/thặng dư calo thay vì bảng chọn rời rạc tùy ý — chưa có nghiên cứu nào đưa ra đường cong liều-đáp ứng
// (dose-response) chính xác giữa %calo và số set tối ưu, nên đây là công thức nội suy PHI TUYẾN giữa 2 mốc neo có căn cứ ở 2 đầu dải:
//  - Đáy (-30%): mức thâm hụt sâu nhất còn khuyến nghị an toàn (Helms/Aragon & Schoenfeld: giảm cân ~0.5-1%BW/tuần) -> trần chỉ tới 50%
//    khoảng MEV->MRV, KHÔNG tăng volume tuần nào (khả năng hồi phục — protein synthesis/glycogen/CNS — bị nén mạnh nhất, theo Trexler).
//  - Đỉnh (+10%): lean bulk chuẩn -> trần chạm MRV, tăng volume nhanh nhất.
// Ở GIỮA dải: trần (zoneHi) dùng x^0.8 (lồi lên sớm) vì Roth/Schoenfeld/Behringer 2022 (EJAP) không tìm thấy đủ bằng chứng rằng
// giảm volume mạnh giúp bảo toàn lean mass tốt hơn -> không nên cắt trần quá tay ngay khi mới thâm hụt nhẹ/vừa.
// Sàn (zoneLo) dùng x^1.5 (lõm xuống, tăng chậm) để hầu hết dải thâm hụt vẫn khởi động sát MEV — MEV luôn là điểm bắt đầu an toàn,
// không bị "đẩy lên" quá sớm chỉ vì đang ăn gần đủ calo. progressPerWeek tuyến tính theo x (0 ở đáy, 2 ở đỉnh).
var WS_ENERGY_DEFICIT_PCT = {aggressive_cut:-0.30, moderate_cut:-0.20, slight_deficit:-0.10, maintenance:0, lean_bulk:0.10};
var WS_ENERGY_DEFICIT_MIN = -0.30, WS_ENERGY_DEFICIT_MAX = 0.10;
function wsEnergyZoneFromDeficitPct(deficitPct){
  var x = Math.max(0, Math.min(1, (deficitPct-WS_ENERGY_DEFICIT_MIN)/(WS_ENERGY_DEFICIT_MAX-WS_ENERGY_DEFICIT_MIN)));
  return {zone:[0.7*Math.pow(x,1.5), 0.5+0.5*Math.pow(x,0.8)], progressPerWeek:2*x};
}
var WS_ENERGY_RULES = {};
Object.keys(WS_ENERGY_DEFICIT_PCT).forEach(function(k){ WS_ENERGY_RULES[k]=wsEnergyZoneFromDeficitPct(WS_ENERGY_DEFICIT_PCT[k]); });

// ===== SỐ TUẦN CHU KỲ & TỐC ĐỘ TĂNG VOLUME/TUẦN (theo trình độ + calo, KHÔNG cố định 5 tuần) =====
// CHUẨN Renaissance Periodization (Israetel & Feather 2020): chu kỳ dài = thời gian để chạm MRV HỆ THỐNG (mệt tích lũy).
//  - NGƯỜI MỚI: hồi phục tốt, mệt tích lũy CHẬM -> tích lũy được LÂU (RP: tới 12 tuần) -> chu kỳ DÀI, deload thưa.
//  - NÂNG CAO: tải nặng + volume cao, mệt tích lũy NHANH, gần trần sẵn -> chạm MRV sau 3-4 tuần -> chu kỳ NGẮN, deload dày.
//  - THÂM HỤT calo: hồi phục kém -> chạm mệt sớm hơn -> NGẮN lại (dùng thâm hụt HIỆU DỤNG nên nâng cao bị rút nhiều hơn khi cắt).
// (Lưu ý: đây NGƯỢC với trực giác "thích nghi nhanh thì deload sớm" — thích nghi nhanh KHÔNG đồng nghĩa mệt nhanh.)
function wsWorkingWeeksFor(level, energyStatus){
  var e = WS_EXPERIENCE_SCALAR[level]; if(e===undefined) e=0.5;
  var base = 6 - 2*e;                               // người mới 6 (dài), trung cấp 5, nâng cao 4 (ngắn)
  var deficitPct = (WS_ENERGY_DEFICIT_PCT[energyStatus]!==undefined) ? WS_ENERGY_DEFICIT_PCT[energyStatus] : 0;
  var effDef = wsEffectiveDeficitPct(deficitPct, level); // âm khi thâm hụt, dương khi thặng dư
  return Math.max(3, Math.min(6, Math.round(base + effDef*5))); // thâm hụt rút ngắn (deload sớm); thặng dư kéo dài nhẹ
}
function wsMesoWeeksFor(level, energyStatus){ return wsWorkingWeeksFor(level, energyStatus) + 1; } // + 1 tuần deload
// Tốc độ tăng volume/tuần (phần quãng MEV->trần/tuần) suy ra TỪ số tuần: chu kỳ ngắn (nâng cao) -> bước nhảy set lớn hơn/tuần; dài (người mới) -> tăng từ tốn.
function wsProgressFractionPerWeek(level, energyStatus){ var w=wsWorkingWeeksFor(level, energyStatus); return w>1 ? 1/(w-1) : 1; }
// mục 2.4 — phút/set
var WS_TIME_COEF = {
  hypertrophy: {compound_free_weight:4.5, compound_machine:3.0, isolation:2.0, supersetReduction:1.5, restSec:150, warmup:10},
  strength:    {compound_free_weight:5.75,compound_machine:4.0, isolation:2.0, supersetReduction:1.5, restSec:240, warmup:10},
  focus:       {compound_free_weight:4.5, compound_machine:3.0, isolation:2.0, supersetReduction:1.5, restSec:150, warmup:10}
};
var WS_DAY_TYPE_MUSCLES = {
  // Full-body KHÔNG nhồi cả 17 cơ nhỏ vào 1 buổi (sẽ bị cắt còn 2 set/cơ do hết giờ) — chỉ tập các NHÓM CƠ LỚN qua compound,
  // để tay/vai sau/bắp chuối/bụng nhận set phụ hiệp phân số từ chính các compound đó (đúng mô hình Starting Strength / StrongLifts).
  full_body: ["nguc","lung","dui_truoc","dui_sau","vai_giua","tay_truoc","bap_chan"],
  // Danh sách nhóm cơ tập TRỰC TIẾP mỗi buổi — chỉ giữ nhóm cần bài riêng để buổi VỪA THỜI GIAN và ĐỦ CHUYỂN ĐỘNG;
  // các cơ nhận NHIỀU set phụ (trap giữa/dưới từ kéo, đùi trong/erector từ squat/hinge, vai trước từ đẩy) không cần direct -> tránh nhồi >8-9 bài/buổi.
  upper: ["nguc","lung","vai_giua","vai_sau","vai_truoc","tay_truoc","tay_sau"],
  lower: ["dui_truoc","dui_sau","mong","bap_chan","bung"],
  push: ["nguc","vai_truoc","vai_giua","tay_sau"],
  pull: ["lung","vai_sau","tay_truoc"],
  legs: ["dui_truoc","dui_sau","mong","bap_chan","bung"]
};
var WS_SPLIT_BY_FREQ = {
  3:["full_body","full_body","full_body"],
  4:["upper","lower","upper","lower"],
  5:["upper","lower","push","pull","legs"],
  6:["push","pull","legs","push","pull","legs"]
};
var WS_DAY_LABEL = {full_body:"Toàn thân", upper:"Thân trên", lower:"Thân dưới", push:"Đẩy", pull:"Kéo", legs:"Chân"};

function wsGetConfig(){
  // TODO: khi backend có GET /wp-json/ctg/v1/schedule-config, thay hàm này bằng fetch + cache; giữ nguyên chữ ký gọi.
  return {muscles:WS_MUSCLES, landmarks:WS_VOLUME_LANDMARKS, expMult:WS_EXPERIENCE_MULT, energyRules:WS_ENERGY_RULES, timeCoef:WS_TIME_COEF, splitByFreq:WS_SPLIT_BY_FREQ, dayTypeMuscles:WS_DAY_TYPE_MUSCLES};
}

/* ---- 2. Exercise DB (theo bảng dữ liệu HLV cung cấp, bổ sung thêm bài đa dạng — cần admin duyệt lại, xem mục 7 của spec) ---- */
// Mỗi bài: {exercise_id,name,pattern,equipment_required[],type,primary_muscle{name,coefficient},fractional_muscles[],alternatives[],time_coefficient_hypertrophy_min,time_coefficient_strength_min,video_url,default_rep_range}
// "pattern" = nhóm chuyển động dùng để tự tính danh sách bài THAY THẾ CÙNG CHUYỂN ĐỘNG (xem wsAlternativesFor) — không cần khai tay từng "alternatives" nữa.
var WS_EXERCISE_DB = [
  // ===== PUSH — Đẩy ngang (chest press) =====
  {exercise_id:"chest_press_machine",name:"Machine Chest Press",pattern:"Đẩy ngang - cầm chuẩn",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"nguc",coefficient:1.0},region:"giua",region_emphasis:{tren:0.2,giua:0.5,duoi:0.3},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"https://youtube.com/shorts/i3e4CG5tnfs",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"barbell_bench_press",name:"Barbell Bench Press",pattern:"Đẩy ngang - cầm chuẩn",equipment_required:["barbell","bench"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"giua",region_emphasis:{tren:0.2,giua:0.5,duoi:0.3},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"3-6"}},
  {exercise_id:"single_arm_dumbbell_bench_press",name:"Single-Arm Dumbbell Bench Press",pattern:"Đẩy ngang - cầm chuẩn",equipment_required:["dumbbell","bench"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"giua",region_emphasis:{tren:0.2,giua:0.5,duoi:0.3},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:0.5},{name:"bung",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:5.0,time_coefficient_strength_min:6.25,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"decline_barbell_bench_press",name:"Decline Barbell Bench Press",pattern:"Đẩy nghiêng dưới - cầm chuẩn",equipment_required:["barbell","bench"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"duoi",region_emphasis:{tren:0.15,giua:0.35,duoi:0.5},fractional_muscles:[{name:"vai_truoc",coefficient:0.25},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"3-6"}},
  {exercise_id:"decline_dumbbell_bench_press",name:"Decline Dumbbell Bench Press",pattern:"Đẩy nghiêng dưới - cầm chuẩn",equipment_required:["dumbbell","bench"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"duoi",region_emphasis:{tren:0.15,giua:0.35,duoi:0.5},fractional_muscles:[{name:"vai_truoc",coefficient:0.25},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"dumbbell_bench_press",name:"Dumbbell Bench Press",pattern:"Đẩy ngang - cầm chuẩn",equipment_required:["dumbbell","bench"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"giua",region_emphasis:{tren:0.2,giua:0.5,duoi:0.3},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"neutral_grip_dumbbell_press",name:"Neutral-Grip Dumbbell Bench Press",pattern:"Đẩy ngang - cầm trung tính",equipment_required:["dumbbell","bench"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"giua",region_emphasis:{tren:0.2,giua:0.5,duoi:0.3},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"pushup",name:"Bodyweight Push-up",pattern:"Đẩy ngang - cầm chuẩn",equipment_required:["bodyweight"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"giua",region_emphasis:{tren:0.2,giua:0.5,duoi:0.3},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.0,time_coefficient_strength_min:5.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"6-10"}},

  // ===== PUSH — Đẩy nghiêng (incline) =====
  {exercise_id:"incline_bench_press",name:"Incline Barbell Bench Press",pattern:"Đẩy nghiêng trên - cầm chuẩn",equipment_required:["barbell","bench"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"tren",region_emphasis:{tren:0.55,giua:0.3,duoi:0.15},fractional_muscles:[{name:"vai_truoc",coefficient:0.65},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"https://youtube.com/shorts/0TdHIQWWkmU",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"incline_dumbbell_press",name:"Incline Dumbbell Press",pattern:"Đẩy nghiêng trên - cầm chuẩn",equipment_required:["dumbbell","bench"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"tren",region_emphasis:{tren:0.55,giua:0.3,duoi:0.15},fractional_muscles:[{name:"vai_truoc",coefficient:0.65},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"incline_machine_press",name:"Incline Machine Press",pattern:"Đẩy nghiêng trên - cầm chuẩn",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"nguc",coefficient:1.0},region:"tren",region_emphasis:{tren:0.55,giua:0.3,duoi:0.15},fractional_muscles:[{name:"vai_truoc",coefficient:0.65},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},

  // ===== PUSH — Ép ngực (fly cô lập) =====
  {exercise_id:"high_to_low_cable_fly",name:"High to Low Cable Fly",pattern:"Ép ngực - dốc xuống",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"nguc",coefficient:1.0},region:"duoi",region_emphasis:{tren:0.1,giua:0.35,duoi:0.55},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/y4RJDSOBEl8",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"cable_chest_fly",name:"Cable Chest Fly (Mid-Height)",pattern:"Ép ngực - chuẩn",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"nguc",coefficient:1.0},region:"giua",region_emphasis:{tren:0.25,giua:0.5,duoi:0.25},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/y4RJDSOBEl8",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"pec_dec",name:"Machine Pec Deck Fly",pattern:"Ép ngực - chuẩn",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"nguc",coefficient:1.0},region:"giua",region_emphasis:{tren:0.25,giua:0.5,duoi:0.25},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/a9vQ_hwIksU",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"low_to_high_cable_fly",name:"Low to High Cable Fly",pattern:"Ép ngực - dốc lên",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"nguc",coefficient:1.0},region:"tren",region_emphasis:{tren:0.5,giua:0.35,duoi:0.15},fractional_muscles:[{name:"vai_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/Lw2nYqhn0Ic",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"dumbbell_fly",name:"Flat Dumbbell Fly",pattern:"Ép ngực - chuẩn",equipment_required:["dumbbell","bench"],type:"isolation",primary_muscle:{name:"nguc",coefficient:1.0},region:"giua",region_emphasis:{tren:0.25,giua:0.5,duoi:0.25},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},

  // ===== PUSH — Đẩy vai (shoulder press) =====
  {exercise_id:"shoulder_press",name:"Dumbbell Shoulder Press",pattern:"Đẩy vai - cầm chuẩn",equipment_required:["dumbbell"],type:"compound_free_weight",primary_muscle:{name:"vai_truoc",coefficient:1.0},fractional_muscles:[{name:"vai_giua",coefficient:0.65},{name:"tay_sau",coefficient:0.65},{name:"trap1",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"https://youtu.be/k1NQ1GcmE7M",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"single_arm_dumbbell_shoulder_press",name:"Single-Arm Dumbbell Shoulder Press",pattern:"Đẩy vai - cầm chuẩn",equipment_required:["dumbbell"],type:"compound_free_weight",primary_muscle:{name:"vai_truoc",coefficient:1.0},fractional_muscles:[{name:"vai_giua",coefficient:0.65},{name:"tay_sau",coefficient:0.65},{name:"trap1",coefficient:0.5},{name:"bung",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:5.0,time_coefficient_strength_min:6.25,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"barbell_overhead_press",name:"Barbell Overhead Press",pattern:"Đẩy vai - cầm chuẩn",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"vai_truoc",coefficient:1.0},fractional_muscles:[{name:"vai_giua",coefficient:0.65},{name:"tay_sau",coefficient:0.65},{name:"trap1",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"shoulder_press_machine",name:"Machine Shoulder Press",pattern:"Đẩy vai - cầm chuẩn",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"vai_truoc",coefficient:1.0},fractional_muscles:[{name:"vai_giua",coefficient:0.65},{name:"tay_sau",coefficient:0.65},{name:"trap1",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},

  // ===== PUSH — Nâng vai ngang (lateral raise) =====
  {exercise_id:"dumbbell_lateral_raise",name:"Dumbbell Lateral Raise",pattern:"Nâng vai ngang",equipment_required:["dumbbell"],type:"isolation",primary_muscle:{name:"vai_giua",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtu.be/f2Rl0DHv_us",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"cable_lateral_raise",name:"Cable Lateral Raise",pattern:"Nâng vai ngang",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"vai_giua",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/9ilIKuy6B0g",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"lateral_raise_machine",name:"Machine Lateral Raise",pattern:"Nâng vai ngang",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"vai_giua",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},

  // ===== PUSH — Nâng chữ Y =====
  {exercise_id:"dumbbell_y_raise",name:"Dumbbell Y Raise",pattern:"Nâng chữ Y",equipment_required:["dumbbell"],type:"isolation",primary_muscle:{name:"vai_giua",coefficient:1.0},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"trap3",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/lRTT2YABNIM",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"cable_y_raise",name:"Cable Y Raise",pattern:"Nâng chữ Y",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"vai_giua",coefficient:1.0},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"trap3",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/Zy0M8JMLnD0",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},

  // ===== PUSH — Nâng trước (front raise) =====
  {exercise_id:"front_raise",name:"Dumbbell Front Raise",pattern:"Nâng trước",equipment_required:["dumbbell"],type:"isolation",primary_muscle:{name:"vai_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/9ThlTL25DH8",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"cable_front_raise",name:"Cable Front Raise",pattern:"Nâng trước",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"vai_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},

  // ===== PUSH — Duỗi tay sau (triceps extension) =====
  {exercise_id:"skullcrusher",name:"Barbell Skullcrusher",pattern:"Duỗi tay sau - nằm",equipment_required:["barbell","bench"],type:"isolation",primary_muscle:{name:"tay_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/iuYB_fLp26Q",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"overhead_triceps_ext",name:"Dumbbell Overhead Triceps Extension",pattern:"Duỗi tay sau - trên đầu",equipment_required:["dumbbell"],type:"isolation",primary_muscle:{name:"tay_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/9Ark9S11uXw",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"triceps_pushdown",name:"Cable Triceps Pushdown",pattern:"Duỗi tay sau - đẩy xuống",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"tay_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtube.com/shorts/1FjkhpZsaxc",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},

  // ===== PUSH — Đẩy tay sau hợp lực (dips / close grip) =====
  {exercise_id:"dips",name:"Bodyweight Dips",pattern:"Dip",equipment_required:["bodyweight"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"duoi",region_emphasis:{tren:0.15,giua:0.3,duoi:0.55},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:1.0}],alternatives:[],time_coefficient_hypertrophy_min:4.0,time_coefficient_strength_min:5.0,video_url:"https://youtube.com/shorts/4ua3MzaU0QU",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"machine_dip",name:"Machine Dip",pattern:"Dip",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"nguc",coefficient:1.0},region:"duoi",region_emphasis:{tren:0.15,giua:0.3,duoi:0.55},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:1.0}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"close_grip_bench_press",name:"Close-Grip Barbell Bench Press",pattern:"Đẩy sát tay",equipment_required:["barbell","bench"],type:"compound_free_weight",primary_muscle:{name:"tay_sau",coefficient:1.0},fractional_muscles:[{name:"nguc",coefficient:0.5},{name:"vai_truoc",coefficient:0.33}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"close_grip_dumbbell_press",name:"Dumbbell Squeeze Press (Crush Press)",pattern:"Đẩy sát tay",equipment_required:["dumbbell","bench"],type:"compound_free_weight",primary_muscle:{name:"tay_sau",coefficient:1.0},fractional_muscles:[{name:"nguc",coefficient:0.5},{name:"vai_truoc",coefficient:0.33}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"close_grip_machine_press",name:"Machine Close-Grip Press",pattern:"Đẩy sát tay",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"tay_sau",coefficient:1.0},fractional_muscles:[{name:"nguc",coefficient:0.5},{name:"vai_truoc",coefficient:0.33}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},

  // ===== PULL — Kéo dọc (vertical pull) =====
  {exercise_id:"pull_up",name:"Pull-up",pattern:"Kéo dọc - úp tay rộng",equipment_required:["bodyweight"],type:"compound_free_weight",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"chin_up",name:"Chin-up",pattern:"Kéo dọc - ngửa tay",equipment_required:["bodyweight"],type:"compound_free_weight",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[{name:"tay_truoc",coefficient:0.65},{name:"vai_sau",coefficient:0.4}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"supinated_grip_lat_pulldown",name:"Supinated Grip Lat Pulldown",pattern:"Kéo dọc - ngửa tay",equipment_required:["machine","cable"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[{name:"tay_truoc",coefficient:0.65},{name:"vai_sau",coefficient:0.4}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"neutral_grip_lat_pulldown",name:"Neutral Grip Lat Pulldown",pattern:"Kéo dọc - cầm song song",equipment_required:["machine","cable"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"single_arm_lat_pulldown",name:"Single-Arm Lat Pulldown",pattern:"Kéo dọc - cầm song song",equipment_required:["cable"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.5,time_coefficient_strength_min:4.5,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"8-12"}},
  {exercise_id:"wide_grip_lat_pulldown",name:"Wide Grip Lat Pulldown",pattern:"Kéo dọc - úp tay rộng",equipment_required:["machine","cable"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"trap3",coefficient:0.5},{name:"tay_truoc",coefficient:0.35}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"close_grip_lat_pulldown",name:"Close Grip Lat Pulldown",pattern:"Kéo dọc - cầm song song",equipment_required:["machine","cable"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[{name:"vai_sau",coefficient:0.4},{name:"tay_truoc",coefficient:0.65}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},

  // ===== PULL — Kéo xô cô lập (straight-arm lat isolation) =====
  {exercise_id:"dumbbell_pullover",name:"Dumbbell Pullover",pattern:"Kéo xô cô lập",equipment_required:["dumbbell","bench"],type:"isolation",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[{name:"nguc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"machine_pullover",name:"Machine Pullover",pattern:"Kéo xô cô lập",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"single_arm_cable_pullover",name:"Single-Arm Cable Pullover",pattern:"Kéo xô cô lập",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"straight_arm_pulldown",name:"Cable Straight-Arm Pulldown",pattern:"Kéo xô cô lập",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"lung",coefficient:1.0},region:"duoi",fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},

  // ===== PULL — Kéo ngang (row) =====
  {exercise_id:"close_grip_seated_row",name:"Close Grip Seated Row",pattern:"Kéo ngang - cầm hẹp/song song",equipment_required:["cable","machine"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"tren",fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"neutral_grip_seated_row",name:"Neutral Grip Seated Row",pattern:"Kéo ngang - cầm hẹp/song song",equipment_required:["cable","machine"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"tren",fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"trap2",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"single_arm_cable_row",name:"Single-Arm Cable Row",pattern:"Kéo ngang - cầm hẹp/song song",equipment_required:["cable"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"tren",fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"trap2",coefficient:0.5},{name:"tay_truoc",coefficient:0.5},{name:"bung",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.5,time_coefficient_strength_min:4.5,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"8-12"}},
  {exercise_id:"chest_supported_row",name:"Neutral Grip Chest-Supported Row",pattern:"Kéo ngang - cầm hẹp/song song",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"tren",fractional_muscles:[{name:"vai_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"wide_grip_seated_row",name:"Wide Grip Seated Row",pattern:"Kéo ngang - cầm rộng",equipment_required:["cable","machine"],type:"compound_machine",primary_muscle:{name:"trap2",coefficient:1.0},fractional_muscles:[{name:"vai_sau",coefficient:1.0},{name:"lung",coefficient:0.5},{name:"tay_truoc",coefficient:0.5},{name:"that_lung",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"barbell_row",name:"Barbell Row",pattern:"Kéo ngang - cầm rộng",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"trap2",coefficient:1.0},fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"lung",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"dumbbell_row",name:"Dumbbell Row",pattern:"Kéo ngang - cầm rộng",equipment_required:["dumbbell","bench"],type:"compound_free_weight",primary_muscle:{name:"trap2",coefficient:1.0},fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"lung",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},

  // ===== PULL — Vai sau cô lập =====
  {exercise_id:"face_pull",name:"Cable Face Pull",pattern:"Vai sau - kéo mặt",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"vai_sau",coefficient:1.0},fractional_muscles:[{name:"trap3",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"rear_delt_fly",name:"Dumbbell Rear Delt Fly",pattern:"Vai sau - dang ngang",equipment_required:["dumbbell"],type:"isolation",primary_muscle:{name:"vai_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"reverse_pec_deck",name:"Machine Reverse Pec Deck (Rear Delt)",pattern:"Vai sau - dang ngang",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"vai_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},

  // ===== PULL — Gập tay trước (biceps curl) =====
  {exercise_id:"ezbar_curl",name:"EZ Bar Curl",pattern:"Gập tay trước - đứng chuẩn",equipment_required:["barbell"],type:"isolation",primary_muscle:{name:"tay_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"hammer_curl",name:"Dumbbell Hammer Curl",pattern:"Gập tay trước - búa",equipment_required:["dumbbell"],type:"isolation",primary_muscle:{name:"tay_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"incline_dumbbell_curl",name:"Incline Dumbbell Curl",pattern:"Gập tay trước - kéo giãn",equipment_required:["dumbbell","bench"],type:"isolation",primary_muscle:{name:"tay_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"bayesian_cable_curl",name:"Bayesian Cable Curl",pattern:"Gập tay trước - kéo giãn",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"tay_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"dumbbell_curl",name:"Dumbbell Curl",pattern:"Gập tay trước - đứng chuẩn",equipment_required:["dumbbell"],type:"isolation",primary_muscle:{name:"tay_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"preacher_curl",name:"Barbell Preacher Curl",pattern:"Gập tay trước - tựa tay",equipment_required:["barbell","bench"],type:"isolation",primary_muscle:{name:"tay_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"spider_curl",name:"Dumbbell Spider Curl",pattern:"Gập tay trước - tựa tay",equipment_required:["dumbbell","bench"],type:"isolation",primary_muscle:{name:"tay_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"cable_curl",name:"Cable Curl",pattern:"Gập tay trước - đứng chuẩn",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"tay_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},

  // ===== PULL — Nhún vai (shrug, bổ sung thêm cho đa dạng) =====
  {exercise_id:"barbell_shrug",name:"Barbell Shrug",pattern:"Nhún vai",equipment_required:["barbell"],type:"isolation",primary_muscle:{name:"trap1",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"dumbbell_shrug",name:"Dumbbell Shrug",pattern:"Nhún vai",equipment_required:["dumbbell"],type:"isolation",primary_muscle:{name:"trap1",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},

  // ===== LEG — Nhóm Squat =====
  {exercise_id:"squat",name:"Barbell Back Squat",pattern:"Squat - gập gối và hông",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:0.75},{name:"dui_trong",coefficient:0.33},{name:"that_lung",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"https://youtube.com/shorts/IEpfNSy6Qqc",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"wide_stance_squat",name:"Wide Stance Barbell Squat",pattern:"Squat - chân rộng",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:1},{name:"dui_trong",coefficient:0.65},{name:"that_lung",coefficient:0.4}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"narrow_stance_squat",name:"Narrow Stance Barbell Squat",pattern:"Squat - chân hẹp",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:0.5},{name:"that_lung",coefficient:0.4}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"hack_squat",name:"Machine Hack Squat",pattern:"Squat - gập gối và hông",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:0.65}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"leg_press",name:"Machine Leg Press",pattern:"Squat - gập gối và hông",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:0.5},{name:"dui_trong",coefficient:0.25}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"bulgarian_split_squat",name:"Dumbbell Bulgarian Split Squat",pattern:"Squat - gập gối và hông",equipment_required:["dumbbell"],type:"compound_free_weight",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:1.0}],alternatives:[],time_coefficient_hypertrophy_min:4.0,time_coefficient_strength_min:5.0,video_url:"https://youtu.be/LFmn4jRAs08",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"goblet_squat",name:"Dumbbell Goblet Squat",pattern:"Squat - gập gối và hông",equipment_required:["dumbbell"],type:"compound_free_weight",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:0.5},{name:"that_lung",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.0,time_coefficient_strength_min:5.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"6-10"}},

  // ===== LEG — Duỗi gối cô lập =====
  {exercise_id:"leg_extension",name:"Machine Leg Extension",pattern:"Duỗi gối cô lập",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"https://youtu.be/gkfacu7cLPE",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"sissy_squat",name:"Bodyweight Sissy Squat",pattern:"Duỗi gối cô lập",equipment_required:["bodyweight"],type:"isolation",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},

  // ===== LEG — Nhóm Hinge (deadlift/RDL) =====
  {exercise_id:"deadlift",name:"Barbell Conventional Deadlift",pattern:"Hinge - Deadlift chuẩn",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"dui_sau",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:1},{name:"dui_truoc",coefficient:0.5},{name:"that_lung",coefficient:0.75}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"https://youtube.com/shorts/S644MSGs5BQ",default_rep_range:{hypertrophy:"5-8",strength:"1-5"}},
  {exercise_id:"sumo_deadlift",name:"Barbell Sumo Deadlift",pattern:"Hinge - Deadlift Sumo",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"dui_sau",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:1},{name:"dui_trong",coefficient:0.65},{name:"dui_truoc",coefficient:0.5},{name:"that_lung",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"5-8",strength:"1-5"}},
  {exercise_id:"romanian_deadlift",name:"Barbell Romanian Deadlift",pattern:"Hinge - Ưỡn hông",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"dui_sau",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:0.75},{name:"that_lung",coefficient:0.65}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"https://youtu.be/TTJH3sIyrtU",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"dumbbell_romanian_deadlift",name:"Dumbbell Romanian Deadlift",pattern:"Hinge - Ưỡn hông",equipment_required:["dumbbell"],type:"compound_free_weight",primary_muscle:{name:"dui_sau",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:0.75},{name:"that_lung",coefficient:0.65}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"single_leg_deadlift",name:"Dumbbell Single Leg Deadlift",pattern:"Hinge - Ưỡn hông",equipment_required:["dumbbell"],type:"compound_free_weight",primary_muscle:{name:"dui_sau",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:0.75},{name:"that_lung",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.0,time_coefficient_strength_min:5.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},

  // ===== LEG — Gập gối cô lập (leg curl) =====
  {exercise_id:"seated_leg_curl",name:"Machine Seated Leg Curl",pattern:"Gập gối cô lập",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"dui_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"lying_leg_curl",name:"Machine Lying Leg Curl",pattern:"Gập gối cô lập",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"dui_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},

  // ===== LEG — Mông cô lập =====
  {exercise_id:"hip_abduction",name:"Machine Hip Abduction",pattern:"Mông cô lập - dạng ngang",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"mong",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"hip_adduction",name:"Machine Hip Adduction",pattern:"Đùi trong cô lập",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"dui_trong",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"cable_glute_kickback",name:"Cable Glute Kickback",pattern:"Nâng hông",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"mong",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},

  // ===== LEG — Nâng hông (hip thrust) =====
  {exercise_id:"hip_thrust",name:"Barbell Hip Thrust",pattern:"Nâng hông",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"mong",coefficient:1.0},fractional_muscles:[{name:"dui_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.0,time_coefficient_strength_min:5.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"dumbbell_hip_thrust",name:"Dumbbell Hip Thrust",pattern:"Nâng hông",equipment_required:["dumbbell"],type:"compound_free_weight",primary_muscle:{name:"mong",coefficient:1.0},fractional_muscles:[{name:"dui_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.0,time_coefficient_strength_min:5.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"machine_hip_thrust",name:"Machine Hip Thrust",pattern:"Nâng hông",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"mong",coefficient:1.0},fractional_muscles:[{name:"dui_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3.0,time_coefficient_strength_min:4.0,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},

  // ===== LEG — Nâng bắp chuối (calf raise) =====
  {exercise_id:"standing_calf_raise",name:"Machine Standing Calf Raise",pattern:"Bắp chuối - đứng",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"bap_chan",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"seated_calf_raise",name:"Machine Seated Calf Raise",pattern:"Bắp chuối - ngồi",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"bap_chan",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"bodyweight_calf_raise",name:"Bodyweight Calf Raise",pattern:"Bắp chuối - đứng",equipment_required:["bodyweight"],type:"isolation",primary_muscle:{name:"bap_chan",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"15-20",strength:"10-15"}},

  // ===== LEG — Ưỡn lưng dưới (back extension) =====
  {exercise_id:"hyperextension",name:"Bodyweight Hyperextension",pattern:"Hinge - Ưỡn hông",equipment_required:["bodyweight","machine"],type:"isolation",primary_muscle:{name:"that_lung",coefficient:1.0},fractional_muscles:[{name:"dui_sau",coefficient:0.5},{name:"mong",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"machine_back_extension",name:"Machine Back Extension",pattern:"Hinge - Ưỡn hông",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"that_lung",coefficient:1.0},fractional_muscles:[{name:"dui_sau",coefficient:0.5},{name:"mong",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},

  // ===== CORE =====
  {exercise_id:"cable_crunch",name:"Cable Crunch",pattern:"Bụng - gập cáp",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"12-20"}},
  {exercise_id:"hanging_leg_raise",name:"Hanging Leg Raise",pattern:"Bụng - treo gập",equipment_required:["bodyweight"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"ab_wheel_rollout",name:"Ab Wheel Rollout",pattern:"Bụng - lăn bánh xe",equipment_required:["bodyweight"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"plank",name:"Plank",pattern:"Giữ thăng bằng bụng",equipment_required:["bodyweight"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"30-60s",strength:"30-60s"}},
  {exercise_id:"deadbug",name:"Dead Bug",pattern:"Giữ thăng bằng bụng",equipment_required:["bodyweight"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"russian_twist",name:"Russian Twist",pattern:"Xoay thân",equipment_required:["bodyweight"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"12-20"}},
  {exercise_id:"woodchopper",name:"Cable Woodchopper",pattern:"Xoay thân",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2.0,time_coefficient_strength_min:2.0,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"12-20"}},
  {exercise_id:"decline_dumbbell_fly",name:"Decline Dumbbell Fly",pattern:"Ép ngực - dốc xuống",equipment_required:["dumbbell","bench"],type:"isolation",primary_muscle:{name:"nguc",coefficient:1.0},region:"duoi",region_emphasis:{tren:0.1,giua:0.35,duoi:0.55},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"incline_dumbbell_fly",name:"Incline Dumbbell Fly",pattern:"Ép ngực - dốc lên",equipment_required:["dumbbell","bench"],type:"isolation",primary_muscle:{name:"nguc",coefficient:1.0},region:"tren",region_emphasis:{tren:0.5,giua:0.35,duoi:0.15},fractional_muscles:[{name:"vai_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"dumbbell_lying_triceps_ext",name:"Dumbbell Lying Triceps Extension",pattern:"Duỗi tay sau - nằm",equipment_required:["dumbbell","bench"],type:"isolation",primary_muscle:{name:"tay_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"cable_overhead_triceps_ext",name:"Cable Overhead Triceps Extension",pattern:"Duỗi tay sau - trên đầu",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"tay_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"machine_triceps_extension",name:"Machine Triceps Extension",pattern:"Duỗi tay sau - đẩy xuống",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"tay_sau",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"machine_face_pull",name:"Machine Face Pull",pattern:"Vai sau - kéo mặt",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"vai_sau",coefficient:1.0},fractional_muscles:[{name:"trap3",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"cable_hammer_curl",name:"Cable Rope Hammer Curl",pattern:"Gập tay trước - búa",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"tay_truoc",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"8-12"}},
  {exercise_id:"dumbbell_sumo_squat",name:"Dumbbell Sumo Squat",pattern:"Squat - chân rộng",equipment_required:["dumbbell"],type:"compound_free_weight",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:1},{name:"dui_trong",coefficient:0.65},{name:"that_lung",coefficient:0.4}],alternatives:[],time_coefficient_hypertrophy_min:4,time_coefficient_strength_min:5,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"front_squat",name:"Barbell Front Squat",pattern:"Squat - chân hẹp",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"dui_truoc",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:0.5},{name:"that_lung",coefficient:0.4}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"6-10",strength:"3-6"}},
  {exercise_id:"trap_bar_deadlift",name:"Trap Bar Deadlift",pattern:"Hinge - Deadlift chuẩn",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"dui_sau",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:1},{name:"dui_truoc",coefficient:0.5},{name:"that_lung",coefficient:0.75}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"5-8",strength:"1-5"}},
  {exercise_id:"dumbbell_sumo_deadlift",name:"Dumbbell Sumo Deadlift",pattern:"Hinge - Deadlift Sumo",equipment_required:["dumbbell"],type:"compound_free_weight",primary_muscle:{name:"dui_sau",coefficient:1.0},fractional_muscles:[{name:"mong",coefficient:1},{name:"dui_trong",coefficient:0.65},{name:"dui_truoc",coefficient:0.5},{name:"that_lung",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4,time_coefficient_strength_min:5,video_url:"",default_rep_range:{hypertrophy:"5-8",strength:"3-6"}},
  {exercise_id:"cable_hip_abduction",name:"Cable Hip Abduction",pattern:"Mông cô lập - dạng ngang",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"mong",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"cable_hip_adduction",name:"Cable Hip Adduction",pattern:"Đùi trong cô lập",equipment_required:["cable"],type:"isolation",primary_muscle:{name:"dui_trong",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"dumbbell_seated_calf_raise",name:"Dumbbell Seated Calf Raise",pattern:"Bắp chuối - ngồi",equipment_required:["dumbbell"],type:"isolation",primary_muscle:{name:"bap_chan",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"10-15"}},
  {exercise_id:"machine_crunch",name:"Machine Ab Crunch",pattern:"Bụng - gập cáp",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"12-20",strength:"12-20"}},
  {exercise_id:"captains_chair_leg_raise",name:"Captain's Chair Leg Raise",pattern:"Bụng - treo gập",equipment_required:["machine"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"barbell_rollout",name:"Barbell Rollout",pattern:"Bụng - lăn bánh xe",equipment_required:["barbell"],type:"isolation",primary_muscle:{name:"bung",coefficient:1.0},fractional_muscles:[],alternatives:[],time_coefficient_hypertrophy_min:2,time_coefficient_strength_min:2,video_url:"",default_rep_range:{hypertrophy:"10-15",strength:"10-15"}},
  {exercise_id:"reverse_grip_bench_press",name:"Reverse-Grip Barbell Bench Press",pattern:"Đẩy ngang - cầm ngửa",equipment_required:["barbell","bench"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"tren",region_emphasis:{tren:0.5,giua:0.4,duoi:0.1},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"reverse_grip_smith_press",name:"Reverse-Grip Smith Machine Press",pattern:"Đẩy ngang - cầm ngửa",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"nguc",coefficient:1.0},region:"tren",region_emphasis:{tren:0.5,giua:0.4,duoi:0.1},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3,time_coefficient_strength_min:4,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"incline_cable_press",name:"Incline Cable Press",pattern:"Đẩy nghiêng trên - cầm chuẩn",equipment_required:["cable"],type:"compound_machine",primary_muscle:{name:"nguc",coefficient:1.0},region:"tren",region_emphasis:{tren:0.55,giua:0.3,duoi:0.15},fractional_muscles:[{name:"vai_truoc",coefficient:0.65},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3,time_coefficient_strength_min:4,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"incline_smith_press",name:"Incline Smith Machine Press",pattern:"Đẩy nghiêng trên - cầm chuẩn",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"nguc",coefficient:1.0},region:"tren",region_emphasis:{tren:0.55,giua:0.3,duoi:0.15},fractional_muscles:[{name:"vai_truoc",coefficient:0.65},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3,time_coefficient_strength_min:4,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"decline_machine_press",name:"Decline Machine Press",pattern:"Đẩy nghiêng dưới - cầm chuẩn",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"nguc",coefficient:1.0},region:"duoi",region_emphasis:{tren:0.1,giua:0.35,duoi:0.55},fractional_muscles:[{name:"vai_truoc",coefficient:0.25},{name:"tay_sau",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3,time_coefficient_strength_min:4,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"weighted_dip",name:"Weighted Chest Dip",pattern:"Dip",equipment_required:["bodyweight"],type:"compound_free_weight",primary_muscle:{name:"nguc",coefficient:1.0},region:"duoi",region_emphasis:{tren:0.15,giua:0.3,duoi:0.55},fractional_muscles:[{name:"vai_truoc",coefficient:0.5},{name:"tay_sau",coefficient:1}],alternatives:[],time_coefficient_hypertrophy_min:4,time_coefficient_strength_min:5,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"5-8"}},
  {exercise_id:"cable_wide_row",name:"Wide-Grip Seated Cable Row",pattern:"Kéo ngang - cầm rộng",equipment_required:["cable"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"tren",fractional_muscles:[{name:"vai_sau",coefficient:0.65},{name:"trap2",coefficient:0.65},{name:"trap3",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3,time_coefficient_strength_min:4,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"chest_supported_wide_row",name:"Chest-Supported Wide Row",pattern:"Kéo ngang - cầm rộng",equipment_required:["machine"],type:"compound_machine",primary_muscle:{name:"lung",coefficient:1.0},region:"tren",fractional_muscles:[{name:"vai_sau",coefficient:0.65},{name:"trap2",coefficient:0.65},{name:"trap3",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:3,time_coefficient_strength_min:4,video_url:"",default_rep_range:{hypertrophy:"8-12",strength:"6-10"}},
  {exercise_id:"t_bar_row",name:"T-Bar Row",pattern:"Kéo ngang - cầm rộng",equipment_required:["barbell"],type:"compound_free_weight",primary_muscle:{name:"lung",coefficient:1.0},region:"tren",fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"trap2",coefficient:0.65},{name:"trap3",coefficient:0.5},{name:"tay_truoc",coefficient:0.65},{name:"that_lung",coefficient:0.4}],alternatives:[],time_coefficient_hypertrophy_min:4.5,time_coefficient_strength_min:5.75,video_url:"",default_rep_range:{hypertrophy:"6-10",strength:"5-8"}},
  {exercise_id:"inverted_row",name:"Inverted Bodyweight Row",pattern:"Kéo ngang - cầm hẹp/song song",equipment_required:["bodyweight"],type:"compound_free_weight",primary_muscle:{name:"lung",coefficient:1.0},region:"tren",fractional_muscles:[{name:"vai_sau",coefficient:0.5},{name:"trap2",coefficient:0.5},{name:"tay_truoc",coefficient:0.5}],alternatives:[],time_coefficient_hypertrophy_min:4,time_coefficient_strength_min:5,video_url:"",default_rep_range:{hypertrophy:"8-15",strength:"6-10"}},
];

// Danh sách bài THAY THẾ CÙNG CHUYỂN ĐỘNG — tự tính từ "pattern", không cần khai tay từng exercise_id (tránh sai sót khi thêm bài mới)
// GỘP NHÓM THAY THẾ rộng hơn "pattern" cho các bài chỉ khác NHAU VỀ TƯ THẾ CHÂN/BAR-POSITION (cùng mục đích tập, chỉ khác
// kỹ thuật/độ khó/rủi ro thiết lập) — KHÔNG dùng cho các bài khác biên độ/vùng nhắm THẬT SỰ khác nhau (vd Incline/Flat/Decline
// Press nhắm ngực trên/giữa/dưới khác hẳn nhau, giữ tách riêng để còn dùng focus_region_bias chọn đúng vùng).
var WS_ALT_GROUP = {
  // Squat: back/front/wide/narrow/máy/tạ đơn đều là "squat" — chỉ khác tư thế/dụng cụ/độ khó thiết lập.
  squat:"SQUAT_FAMILY", front_squat:"SQUAT_FAMILY", wide_stance_squat:"SQUAT_FAMILY", narrow_stance_squat:"SQUAT_FAMILY",
  hack_squat:"SQUAT_FAMILY", leg_press:"SQUAT_FAMILY", goblet_squat:"SQUAT_FAMILY", dumbbell_sumo_squat:"SQUAT_FAMILY", bulgarian_split_squat:"SQUAT_FAMILY",
  // Deadlift (kéo TỪ SÀN): chuẩn/sumo/trap-bar đều cùng mục đích — chỉ khác tư thế/dụng cụ. RDL/single-leg giữ TÁCH riêng
  // vì là chuyển động khác hẳn (biên độ ngắn từ đứng, không kéo từ sàn).
  deadlift:"DEADLIFT_FAMILY", sumo_deadlift:"DEADLIFT_FAMILY", trap_bar_deadlift:"DEADLIFT_FAMILY", dumbbell_sumo_deadlift:"DEADLIFT_FAMILY",
  // Đẩy ngang NGANG VAI (region "giua", KHÔNG gồm incline/decline — giữ tách vì nhắm vùng ngực khác nhau thật): cầm chuẩn/ngửa/trung
  // tính/máy/tự trọng đều cùng 1 mục đích — chỉ khác dụng cụ/hướng cầm, để "Neutral-Grip Press" (mới thêm) hiện ra làm alternative
  // của Barbell/Dumbbell Bench Press thay vì bị cô lập riêng.
  barbell_bench_press:"CHEST_PRESS_FAMILY", dumbbell_bench_press:"CHEST_PRESS_FAMILY", chest_press_machine:"CHEST_PRESS_FAMILY",
  reverse_grip_bench_press:"CHEST_PRESS_FAMILY", reverse_grip_smith_press:"CHEST_PRESS_FAMILY", neutral_grip_dumbbell_press:"CHEST_PRESS_FAMILY",
  pushup:"CHEST_PRESS_FAMILY", single_arm_dumbbell_bench_press:"CHEST_PRESS_FAMILY"
};
function wsAltGroupOf(ex){ return WS_ALT_GROUP[ex.exercise_id] || ex.pattern; }
function wsAlternativesFor(exerciseId){
  // DANH MỤC THAY THẾ THEO CƠ CHÍNH: mọi bài cùng primary_muscle đều thay được cho nhau (vd Pec Deck thay Bench Press — cùng cơ ngực).
  // Chênh lệch volume CƠ PHỤ (vd mất set tay sau khi bỏ bench) do handleSwapExercise tự bù/tỉa ở các buổi sau (wsAdjustSecondaryAfterSwap).
  // Thứ tự gợi ý: (1) cùng nhóm chuyển động (đổi 1-1 an toàn nhất) -> (2) cùng loại bài (compound giữ compound) -> (3) còn lại, SFR cao trước.
  var ex=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===exerciseId; });
  if(!ex) return [];
  var grp=wsAltGroupOf(ex);
  var list=WS_EXERCISE_DB.filter(function(e){ return e.exercise_id!==exerciseId && e.primary_muscle.name===ex.primary_muscle.name; });
  list.sort(function(a,b){
    var ga=(wsAltGroupOf(a)===grp)?0:1, gb=(wsAltGroupOf(b)===grp)?0:1; if(ga!==gb) return ga-gb;
    var ta=(a.type===ex.type)?0:1, tb=(b.type===ex.type)?0:1; if(ta!==tb) return ta-tb;
    return wsSfrScore(b)-wsSfrScore(a);
  });
  return list;
}

/* ---- 3. Generator engine (mục 2-4, hàm thuần) ---- */
function wsClamp(n,lo,hi){ return Math.max(lo,Math.min(hi,n)); }

function wsComputeSessionSplit(frequency, goal, focusMuscleGroups){
  var cfg=wsGetConfig();
  var days=(cfg.splitByFreq[frequency]||cfg.splitByFreq[4]).slice();
  var out=days.map(function(dt,i){ return {index:i, dayType:dt, label:cfg.dayTypeMuscles[dt] ? WS_DAY_LABEL[dt] : dt, muscles:cfg.dayTypeMuscles[dt].slice(), injected:{}}; });
  // SPECIALIZATION (goal=focus): nâng tần suất nhóm ƯU TIÊN lên 3-4 buổi/tuần (KHÔNG phải mọi buổi!) — y văn (Weightology/Sci-Fit tổng hợp
  // 150+ nghiên cứu): nhóm chuyên hóa tối ưu 2-4×/tuần, cần ngày nghỉ cho chính nhóm đó; chỉ chia nhỏ khi 1 buổi quá ~15 set.
  // Luật: trần = min(4, số buổi, số buổi−1 nếu ≥4 buổi — LUÔN chừa ≥1 buổi hoàn toàn không đụng nhóm focus); buổi tiêm thêm chọn
  // XA các buổi đã tập nhóm đó nhất (max khoảng cách nhỏ nhất) để tránh 2 ngày liên tiếp cùng nhóm khi còn lựa chọn.
  // Buổi tiêm (không thuộc nhóm) chỉ nhét bài CÔ LẬP (đánh dấu injected — bộ chọn bài sẽ giới hạn isolation).
  if(goal==="focus" && focusMuscleGroups && focusMuscleGroups.length){
    var n=out.length;
    focusMuscleGroups.forEach(function(m){
      var haveIdx=[]; out.forEach(function(d,i){ if(d.muscles.indexOf(m)>=0) haveIdx.push(i); });
      var cap=Math.min(4, n, (n>=4 ? n-1 : n));
      cap=Math.max(cap, Math.min(haveIdx.length, n)); // không bao giờ THẤP hơn tần suất native sẵn có
      var need=cap-haveIdx.length;
      while(need>0){
        var bestI=-1, bestGap=-1;
        out.forEach(function(d,i){
          if(d.muscles.indexOf(m)>=0) return;
          var gap=Infinity; haveIdx.forEach(function(h){ var g=Math.abs(i-h); if(g<gap) gap=g; });
          if(gap>bestGap || (gap===bestGap && i>bestI)){ bestGap=gap; bestI=i; }
        });
        if(bestI<0) break;
        out[bestI].muscles.push(m); out[bestI].injected[m]=1; haveIdx.push(bestI); need--;
      }
    });
  }
  return out;
}

// Trả về {muscle: weeklyTargetSets} — luôn >= MEV*expMult (ràng buộc cứng mục 2.2)
// weekIndexInMeso: tuần thứ mấy trong chu kỳ (0-based). mesoWeeks: tổng số tuần CẢ deload — dùng để nội suy volume tiến sát MRV đúng vào tuần cuối trước deload.
// [SỬA] Tuần đầu LUÔN xuất phát đúng ở mức MEV cho mọi nhóm cơ (trừ nhóm "hy sinh" giữ nguyên quanh MEV suốt chu kỳ), rồi tăng dần đều theo tuần,
// chạm điểm đích (MRV cho nhóm ưu tiên; trần theo energy_status cho nhóm bình thường) đúng vào tuần cuối trước deload.
function wsAllocateVolumePerMuscle(splitDays, energyStatus, experienceLevel, goal, focusMuscleGroups, weekIndexInMeso, mesoWeeks){
  weekIndexInMeso = weekIndexInMeso||0;
  var workingWeeks = Math.max(1, (mesoWeeks||5)-1); // trừ tuần deload cuối
  var frac = workingWeeks>1 ? wsClamp(weekIndexInMeso/(workingWeeks-1),0,1) : 1; // 0 ở tuần 1, 1 ở tuần cuối trước deload
  var cfg=wsGetConfig();
  var mult=wsExpMult(experienceLevel); // (1) nhu cầu volume theo trình độ (liên tục, hàm bậc 2 qua 0.7/1.0/1.2)
  // (2) rule theo THÂM HỤT HIỆU DỤNG = %calo đã điều chỉnh theo trình độ: nâng cao chịu cắt nặng hơn -> zone thấp hơn; người mới nhẹ hơn -> zone cao hơn.
  // Thay hẳn expZoneBump ad-hoc cũ bằng tương tác có nguyên lý này.
  var deficitPct = (WS_ENERGY_DEFICIT_PCT[energyStatus]!==undefined) ? WS_ENERGY_DEFICIT_PCT[energyStatus] : 0;
  var rule = wsEnergyZoneFromDeficitPct(wsEffectiveDeficitPct(deficitPct, experienceLevel));
  var trainedMuscles={};
  splitDays.forEach(function(d){ d.muscles.forEach(function(m){ trainedMuscles[m]=true; }); });
  var out={};
  // Hệ số volume theo MỤC TIÊU: STRENGTH dùng volume THẤP hơn (đẩy cường độ/thích nghi thần kinh, ưu tiên compound — RSM cao, ít bài),
  // HYPERTROPHY dùng volume đầy đủ (nhiều isolation hơn để nhẹ gánh CNS). Landmark strength = base × 0.65.
  var gmult = goal==="strength" ? 0.65 : 1.0;
  // Với STRENGTH: cơ ĐƠN KHỚP (biceps/vai bên-sau/bắp chuối/bụng/trap) nhận volume THẤP HƠN compound — dồn vào big lifts, đúng đặc thù chương trình sức mạnh —
  // NHƯNG KHÔNG "bỏ đói" về 0: giáo án powerbuilding thực tế (5/3/1, Sheiko phụ trợ) vẫn giữ row/press/curl ≥ ngưỡng DUY TRÌ. Dùng ×0.8 (giảm ~20% so mức strength chung),
  // để sau khi ×gmult vẫn còn ≥ MEV bổ trợ (~4-5 set/tuần) thay vì tụt về 2/0. (Trước đây ×0.55 khiến vai/tay/mông = 0 set — đã sửa.)
  var WS_ISO_ONLY={tay_truoc:1, vai_giua:1, vai_sau:1, bap_chan:1, bung:1, trap1:1, trap2:1, trap3:1};
  Object.keys(trainedMuscles).forEach(function(m){
    var lm=cfg.landmarks[m]; if(!lm) return;
    var gm = (goal==="strength" && WS_ISO_ONLY[m]) ? gmult*0.8 : gmult;
    var mev=Math.max(2,Math.round(lm.mev*mult*gm)), mavLo=Math.round(lm.mavLo*mult*gm), mavHi=Math.round(lm.mavHi*mult*gm), mrv=Math.round(lm.mrv*mult*gm);
    var isFocus = (goal==="focus" && focusMuscleGroups && focusMuscleGroups.indexOf(m)>=0);
    var isSacrificed = (goal==="focus" && !isFocus);
    var zoneHi=wsClamp(rule.zone[1],0,1); // trần vùng làm việc đã bao gồm tương tác trình độ×calo qua thâm hụt hiệu dụng (rule ở trên)
    var target;
    if(isFocus){
      // Nhóm cơ ưu tiên: MEV (tuần 1) -> MRV (tuần cuối trước deload) — hy sinh nhóm khác để dồn thời gian/khả năng phục hồi cho nhóm này
      target = mev + (mrv-mev)*frac;
    } else if(isSacrificed){
      // "Hy sinh": giữ quanh MEV suốt chu kỳ, không tăng theo tuần, nhường ngân sách buổi tập cho nhóm cơ ưu tiên
      target = mev + (mavLo-mev)*0.3;
    } else {
      // Bình thường: MEV (tuần 1) -> trần theo energy_status (tuần cuối trước deload)
      var cap = mev + (Math.max(mavHi,mrv)-mev)*zoneHi;
      // SÀN TIẾN TRIỂN: luôn overload lên ÍT NHẤT MAV-thấp, để mọi nhóm cơ có dư địa tăng tiến qua chu kỳ (tránh ngực/lưng "đứng yên" ở MEV khi hệ số trình độ nén landmark).
      cap = Math.max(cap, Math.min(mavLo, mrv));
      target = mev + (cap-mev)*frac;
    }
    target = Math.round(wsClamp(target, mev, mrv)); // RÀNG BUỘC CỨNG: luôn trong [MEV, MRV]
    out[m]={target:target, mev:mev, mavLo:mavLo, mavHi:mavHi, mrv:mrv};
  });
  return out;
}

// Validation bắt buộc trước khi trả output (mục 2.2 / mục 8)
function wsValidateVolume(volumeMap){
  var violations=[];
  Object.keys(volumeMap).forEach(function(m){
    var v=volumeMap[m];
    if(v.target < v.mev) violations.push({muscle:m, target:v.target, mev:v.mev});
  });
  if(violations.length){
    console.error("[WorkoutScheduler] MEV violation:", violations);
    throw new Error("Lịch sinh ra vi phạm ngưỡng MEV cho: "+violations.map(function(v){return WS_MUSCLE_LABEL[v.muscle]||v.muscle;}).join(", "));
  }
  return true;
}

var WS_MAX_SETS_PER_EXERCISE = 3; // mỗi bài tầm 2-3 set (hạn chế bài 4 set) — trải volume ra nhiều bài hơn
var WS_MIN_EXERCISES_PER_SESSION = 4; // sàn TỐI THIỂU 4 bài/buổi — mỗi bài 2-3 set, buổi không quá lèo tèo
// GIỚI HẠN SET/BUỔI theo bằng chứng mới nhất về "volume tối đa hữu ích trong 1 buổi".
// LƯU Ý 2 CƠ SỞ ĐẾM KHÁC NHAU (không trộn lẫn):
//  (A) TỔNG SET/BUỔI = đếm THEO BÀI (set vật lý thực làm, mỗi set đếm ĐÚNG 1 LẦN). Đây là "bạn thực sự làm bao nhiêu set".
//      -> KHÔNG bằng tổng cộng số set của từng nhóm cơ, vì 1 set 1 bài (vd Bench) được tính hiệp phân số cho NHIỀU cơ
//         (ngực 1.0 + vai trước 0.5 + tay sau 0.5) nên cộng theo nhóm cơ sẽ LỚN HƠN tổng set vật lý. Trần áp lên set vật lý/bài.
//      -> ĐẢM BẢO HIỆU QUẢ: buổi hiệu quả thường 18-24 set làm việc; quá ~25 thì mệt tích lũy làm tụt chất lượng rep + có nhóm cơ vượt liều tối ưu.
//         Đặt trần 25 (ngưỡng chất lượng, không cắt oan buổi full-body/advanced vốn ~24).
//  (B) SET/NHÓM CƠ/BUỔI = đếm set CHÍNH (direct: chỉ những bài có cơ chính là nhóm cơ đó). Trần 12 áp lên set direct này.
//      Đây mới là TẦNG QUAN TRỌNG NHẤT đảm bảo hiệu quả: quá ~9-13 set direct/buổi cho 1 nhóm cơ thì gần như không thêm phì đại (junk volume)
//      — Baz-Valle/Schoenfeld, tổng quan Weightology, đồng thuận RP (điểm ngọt 6-8, trần hữu ích ~10-12). KHÔNG chặn theo total(direct+phụ):
//      set phụ là kích thích "tặng kèm" từ compound (vd vai sau nhận nhiều set phụ từ bài kéo lưng), chặn nó sẽ buộc cắt oan bài của nhóm cơ khác.
var WS_MAX_SETS_PER_MUSCLE_PER_SESSION = 12; // set CHÍNH (direct)/nhóm cơ/buổi — tầng chính chống junk volume (ngưỡng sinh lý phổ quát, KHÔNG đổi theo trình độ)
var WS_MAX_SETS_PER_SESSION_BASE = 25;       // trần tổng set VẬT LÝ/buổi ở mốc TRUNG CẤP + DUY TRÌ; điều biến theo trình độ & calo bên dưới
// Trần tổng set/buổi TƯƠNG QUAN với SỨC CHỨA (work capacity) & KHẢ NĂNG HỒI PHỤC:
//  - Trình độ: nâng cao có sức chứa/buổi cao hơn (cần & chịu được nhiều volume hơn) -> nhân wsExpMult (0.7/1.0/1.2).
//  - Calo: thâm hụt làm giảm hồi phục -> hạ trần; thặng dư -> nới nhẹ. Dùng THÂM HỤT HIỆU DỤNG (đã gồm tương tác trình độ×calo).
// Kẹp trong [14, 30] để không quá thấp (buổi rỗng) hay quá cao (mệt tích lũy). Trần per-nhóm-cơ (12) vẫn cố định.
function wsMaxSetsPerSession(experienceLevel, energyStatus){
  var deficitPct = (WS_ENERGY_DEFICIT_PCT[energyStatus]!==undefined) ? WS_ENERGY_DEFICIT_PCT[energyStatus] : 0;
  var effDeficit = wsEffectiveDeficitPct(deficitPct, experienceLevel);
  var calFactor = wsClamp(1 + effDeficit*0.6, 0.8, 1.05); // cắt mạnh -> ~0.8; duy trì -> 1.0; thặng dư -> ~1.05
  return Math.round(wsClamp(WS_MAX_SETS_PER_SESSION_BASE * wsExpMult(experienceLevel) * calFactor, 14, 30));
}

// regionBias: khi muscle là nhóm "chung" (nguc/lung) và người dùng chọn 1 HOẶC NHIỀU vùng cụ thể (vd ["tren","duoi"]) thay vì "Toàn bộ"
// — ưu tiên bài có ex.region nằm trong danh sách đã chọn, KHÔNG đổi target volume của cả nhóm. regionBias có thể là mảng (nhiều vùng) hoặc chuỗi (tương thích ngược).
// excludeRegions: các VÙNG (region) đã dùng cho nhóm cơ này trong buổi/tuần — để mặc định (không bias) cũng tự xen kẽ Ngực trên/giữa/dưới, Xô trên/dưới thay vì random dồn vào 1 vùng.
// ===== XẾP HẠNG BÀI TẬP THEO SFR (Stimulus-to-Fatigue Ratio, Israetel) — hệ thống hóa theo LOẠI + THIẾT BỊ + vị trí KÉO GIÃN =====
// Ưu tiên bài có hồ sơ kháng lực tốt, tiềm năng tăng tiến tốt, ổn định cao (đúng yêu cầu). Không hand-tune từng bài.
var WS_NEVER_AUTO_PICK = {decline_barbell_bench_press:1, decline_dumbbell_bench_press:1}; // SFR kém/khó set up: GIỮ trong kho (chọn tay/thay thế được) nhưng KHÔNG auto-pick
var WS_STRENGTH_ONLY_ANCHOR = {deadlift:1, sumo_deadlift:1}; // RSM cao nhưng SFR kém cho phì đại -> chỉ auto-pick khi goal=strength; hypertrophy dùng RDL/hinge/máy
// Pattern tải mạnh ở VỊ TRÍ CƠ KÉO GIÃN (lengthened) — điểm cộng SFR theo NC 2024-2025 (lengthened partials ≈ full ROM, ưu thế phì đại)
var WS_LENGTHENED_PATTERNS = {
  "Hinge - Ưỡn hông":1, "Gập tay trước - kéo giãn":1, "Duỗi tay sau - trên đầu":1,
  "Ép ngực - chuẩn":1, "Ép ngực - dốc lên":1, "Ép ngực - dốc xuống":1,
  "Kéo dọc - úp tay rộng":1, "Kéo dọc - ngửa tay":1, "Kéo dọc - cầm song song":1,
  "Squat - gập gối và hông":1, "Squat - chân rộng":1, "Squat - chân hẹp":1, "Gập gối cô lập":1
};
// BÀI "LINH HỒN" — big 3 + compound thông dụng nhất được giới thể hình yêu thích cho từng chuyển động nền tảng.
// Được cộng điểm SFR để ưu tiên CHỌN và LÀM MỞ MÀN (khi không có nhóm cơ mục tiêu): squat chuẩn, bench chuẩn, barbell row, pull-up, OHP, RDL, (deadlift cho strength).
var WS_OPENER_ANCHORS = {squat:1.5, barbell_bench_press:1.5, barbell_row:1.5, pull_up:1.3, barbell_overhead_press:1.3, romanian_deadlift:1.2, deadlift:1.5};
// Bài tập 1 BÊN (unilateral) — tải thấp hơn, giới hạn thăng bằng, KHÔNG hợp làm mở màn (nhất là strength cần big lift 2 bên tải nặng, thích nghi thần kinh).
var WS_UNILATERAL = {single_arm_dumbbell_bench_press:1, single_arm_dumbbell_shoulder_press:1, single_arm_lat_pulldown:1, single_arm_cable_row:1, single_arm_cable_pullover:1, single_leg_deadlift:1, bulgarian_split_squat:1, dumbbell_row:1, cable_glute_kickback:1};
// STRENGTH BẮT BUỘC đủ BIG 3: ép bài big-3 làm bài chính của nhóm cơ tương ứng (squat=đùi trước, bench=ngực, deadlift=đùi sau).
var WS_STRENGTH_MANDATORY = {dui_truoc:"squat", nguc:"barbell_bench_press", dui_sau:"deadlift"};
// BÀI ISOLATION PHỔ BIẾN/QUEN THUỘC NHẤT — dữ liệu THỰC TẾ (không phải khảo sát ý kiến) từ hàng triệu buổi tập log trên StrengthLog/TheBarbell
// (Top 10 Most Performed Exercises for Men & Women, 2025): Dumbbell Side Lateral, Barbell Curl, Pushdown, Hip Thrust đều nằm trong top 10.
// SFR thuần (wsSfrScore) có xu hướng đẩy máy/cáp/biến thể lạ (vd Bayesian Cable Curl, Overhead Cable Triceps Ext, Machine Hip Thrust) lên
// trước bài kinh điển — user muốn MẶC ĐỊNH luôn là bài phổ biến/dễ setup nhất, các bài khác (SFR cao hơn) vẫn có mặt ở mục "Đổi bài".
// CHỈ áp cho các bài có bằng chứng khảo sát rõ ràng (không đoán mò cho vai sau/bụng/bắp chuối — chưa có dữ liệu định lượng đáng tin).
var WS_POPULAR_ISOLATION_DEFAULT = {
  dumbbell_lateral_raise:1.2, // Dumbbell Side Lateral — #7 (nam)/#9 (nữ) phổ biến nhất, thắng Cable(3.3)/Machine(3.5) lateral raise
  ezbar_curl:2.0,             // tương đương "Barbell Curl" — #9 phổ biến nhất (nam), thắng cả Bayesian Cable Curl (bài khá lạ, SFR cao nhưng ít ai biết setup)
  triceps_pushdown:1.0,       // Pushdown — #10 phổ biến nhất (nam), thắng Overhead Cable Triceps Extension
  hip_thrust:1.2              // Barbell Hip Thrust — #10 phổ biến nhất (nữ), thắng Machine Hip Thrust
};
// BÀI ĐÒI HỎI KỸ THUẬT/ĐỘ LINH HOẠT CAO — không phù hợp làm MẶC ĐỊNH cho số đông dù SFR có thể cao, chỉ nên xuất hiện khi
// người tập CHỦ ĐỘNG chọn ở mục "Đổi bài". CĂN CỨ (Front Squat vs Back Squat, so sánh cơ sinh học + khuyến nghị huấn luyện):
// Front Squat đòi hỏi độ linh hoạt cổ tay/vai/lat cao để giữ đòn trên vai + độ ưỡn ngực-duỗi lồng ngực lớn hơn Back Squat;
// thiếu linh hoạt dễ sinh lỗi kỹ thuật (khuỵu gối vào trong, cong lưng dưới, "butt-wink") — khuyến nghị người mới bắt đầu
// bằng Back Squat (cơ chế đơn giản, tải an toàn hơn) rồi mới tiến tới Front Squat khi đã đủ nền tảng.
var WS_ACCESSIBILITY_PENALTY = {
  front_squat:-1.6, // đủ để luôn thua Back Squat(6.6)/Hack Squat/Leg Press(6.0) — vẫn còn trong "Đổi bài" của SQUAT_FAMILY để khách tự chọn nếu muốn
  // BAY (fly) BẰNG TẠ ĐƠN vừa KHÓ SETUP hơn (phải canh góc ghế dốc + kiểm soát 2 tạ ở vị trí kéo giãn, rủi ro vai) vừa KÉM
  // KÍCH THÍCH hơn cáp/máy (tạ đơn MẤT lực căng ở đỉnh co — trọng lực kéo thẳng xuống; cáp/máy giữ lực căng ĐỀU suốt biên độ,
  // đúng điểm co ngắn nhất của ngực). -> cáp/máy fly là MẶC ĐỊNH; fly tạ đơn lùi về "Đổi bài" để khách tự chọn nếu muốn.
  dumbbell_fly:-2.2, incline_dumbbell_fly:-2.2, decline_dumbbell_fly:-2.2,
  // DECLINE PRESS (đẩy dốc xuống) KHÔNG phổ biến (không nằm trong top bài được tập nhiều — StrengthLog; cần ghế decline riêng
  // ít phòng có, setup vướng víu, móc chân khó chịu) — vùng ngực dưới đã có lựa chọn phổ biến/dễ hơn hẳn: Dips (kinh điển) và
  // High-to-Low Cable Fly. -> decline press lùi về "Đổi bài", KHÔNG làm mặc định.
  decline_barbell_bench_press:-1.6, decline_dumbbell_bench_press:-1.6, decline_machine_press:-1.6
};
// ƯU TIÊN CẦM SONG SONG/TRUNG TÍNH (neutral grip) cho các bài CÙNG MÁY/CÁP chỉ đổi tay cầm (khác hẳn đổi cả bài như squat/deadlift ở trên) —
// CĂN CỨ: cầm trung tính (lòng bàn tay đối diện nhau) giảm áp lực cổ tay/khuỷu/vai so với cầm rộng-úp tay hoặc ngửa hết cỡ — khuyến nghị
// chuẩn cho người mới/số đông, chỉ nên đổi sang cầm rộng/ngửa khi khớp đã khoẻ và muốn thêm biến thể ("có không gian hơn thì mới tập thêm").
// Về ĐỘ RỘNG CHÂN (squat/deadlift): KHÔNG cần bảng riêng — SFR nền đã tự nhiên ưu tiên đúng tư thế chuẩn/hẹp hơn tư thế rộng
// (squat 6.6 > wide_stance_squat 5.1; deadlift 5.1 > sumo_deadlift 3.6), khớp đúng tinh thần "chuẩn trước, rộng sau nếu muốn".
// ƯU TIÊN CẦM TRUNG TÍNH (neutral) LÀM MẶC ĐỊNH — cầm trung tính là "baseline", cầm hẹp/rộng là hẹp/rộng SO VỚI baseline đó
// (nên KHÔNG có bài nào vừa "neutral" vừa "close" — đó là mâu thuẫn). Database trước đây thiếu lựa chọn đẩy cầm trung tính (chỉ nhóm
// kéo có) -> đã thêm "Neutral-Grip Dumbbell Bench Press" (ngực); còn "Dumbbell Squeeze Press (Crush Press)" (id close_grip_dumbbell_press
// giữ nguyên để không phá tham chiếu) chính LÀ bài đẩy tay sau bằng tạ đơn — vốn cầm trung tính tự nhiên (lòng bàn tay đối nhau).
var WS_NEUTRAL_GRIP_PRIORITY = {
  neutral_grip_lat_pulldown:0.8, close_grip_lat_pulldown:0.8,   // thắng Wide Grip(6.0)/Supinated Grip(6.0) Lat Pulldown (đang hoà điểm)
  neutral_grip_seated_row:0.8, close_grip_seated_row:0.8, chest_supported_row:0.8, // thắng Wide Grip/Chest-Supported Wide Row (đang hoà điểm)
  // Đẩy tay sau bằng tạ đơn (cầm trung tính) thắng Machine(4.5)/Barbell close-grip(3.6) — trung tính đỡ cổ tay/khuỷu hơn hẳn cầm hẹp
  // CỐ ĐỊNH của đòn tạ (không xoay cổ tay được), đúng vấn đề user nêu ("cứ close grip, neutral không tập").
  close_grip_dumbbell_press:1.6,
  // Đẩy ngang tiêu chuẩn (ngực): thưởng VỪA ĐỦ để thắng các biến thể khác dụng cụ/cầm ngửa (Machine 4.5/Reverse-Grip Smith 4.5/
  // Reverse-Grip Bench 3.6/Dumbbell thường 3.2) — nhưng KHÔNG thắng Barbell Bench Press (5.1, bài phổ biến nhất thế giới — xem
  // findings trước, StrengthLog 10.7% tổng số set) để không đảo lộn vị trí bài "linh hồn" ngực đã xác lập trên bằng chứng phổ biến.
  neutral_grip_dumbbell_press:1.4
};
function wsSfrScore(ex){
  var s=0;
  if(ex.type==="compound_machine") s+=3.0;          // đa cơ + ổn định cao + microload dễ = SFR cao nhất
  else if(ex.type==="compound_free_weight") s+=2.6; // RSM cao, tăng tiến tốt, ổn định vừa
  else s+=2.0;                                       // isolation
  var eq=ex.equipment_required||[];
  if(eq.indexOf("machine")>=0) s+=1.5;              // ổn định + microload
  else if(eq.indexOf("cable")>=0) s+=1.3;           // tension đều + ổn định + microload
  else if(eq.indexOf("barbell")>=0) s+=1.0;         // tăng tiến tốt nhất, ổn định vừa
  else if(eq.indexOf("dumbbell")>=0) s+=0.6;        // nhảy tải, ổn định thấp hơn
  if(eq.length===1 && eq[0]==="bodyweight") s-=0.5; // chỉ tự trọng -> khó tăng tiến
  if(WS_LENGTHENED_PATTERNS[ex.pattern]) s+=1.5;    // ưu tiên vị trí kéo giãn
  if(WS_OPENER_ANCHORS[ex.exercise_id]) s+=WS_OPENER_ANCHORS[ex.exercise_id]; // big 3 + bài thông dụng: ưu tiên chọn & làm mở màn
  if(WS_POPULAR_ISOLATION_DEFAULT[ex.exercise_id]) s+=WS_POPULAR_ISOLATION_DEFAULT[ex.exercise_id]; // bài isolation phổ biến/dễ setup nhất (dữ liệu thực tế) -> ưu tiên làm mặc định, bài SFR cao hơn vẫn có ở "Đổi bài"
  if(WS_ACCESSIBILITY_PENALTY[ex.exercise_id]) s+=WS_ACCESSIBILITY_PENALTY[ex.exercise_id]; // bài đòi hỏi kỹ thuật/linh hoạt cao -> không tự động làm mặc định, khách phải chủ động chọn ở "Đổi bài"
  if(WS_NEUTRAL_GRIP_PRIORITY[ex.exercise_id]) s+=WS_NEUTRAL_GRIP_PRIORITY[ex.exercise_id]; // cầm trung tính đỡ khớp hơn -> ưu tiên mặc định, cầm rộng/ngửa vẫn có ở "Đổi bài"
  return s;
}
// Chọn 1 bài trong danh sách theo TRỌNG SỐ SFR (bài SFR cao được chọn nhiều hơn rõ rệt, vẫn giữ đa dạng nhờ ngẫu nhiên có trọng số)
function wsWeightedPickBySfr(list){
  if(!list || !list.length) return null;
  if(list.length===1) return list[0];
  var pw=list.map(function(ex){ var w=Math.max(0.1, wsSfrScore(ex)); return w*w; }); // mũ 2 tăng thiên vị bài tốt
  var total=pw.reduce(function(a,b){ return a+b; },0);
  var r=Math.random()*total, acc=0;
  for(var i=0;i<list.length;i++){ acc+=pw[i]; if(r<=acc) return list[i]; }
  return list[list.length-1];
}
// ===== ĐIỂM MỆT MỎI HỆ THỐNG (systemic/CNS fatigue) — tải TRỤC cột sống + khối cơ lớn (nhiều khớp) + RPE =====
// CNS fatigue mang tính HỆ THỐNG (squat ≈ deadlift dù khác cơ chính — PubMed 28704311); driver: nén cột sống, khối cơ lớn, RPE cao.
// Các yếu tố này TÍCH LŨY mệt -> KHÔNG dồn nhiều bài tải-trục/nhiều-khớp RPE cao vào 1 buổi -> tính tổng điểm/buổi rồi chặn trần theo trình độ+calo.
var WS_AXIAL_PATTERNS = { // pattern nén cột sống mạnh KHI dùng tạ đòn tự do (squat/hinge/đẩy dọc đứng/kéo cúi người)
  "Squat - gập gối và hông":1, "Squat - chân rộng":1, "Squat - chân hẹp":1,
  "Hinge - Ưỡn hông":1, "Hinge - Deadlift chuẩn":1, "Hinge - Deadlift Sumo":1, "Hinge - 1 chân":1,
  "Đẩy vai - cầm chuẩn":1, "Kéo ngang - cầm rộng":1, "Kéo ngang - cúi người tự do":1
};
function wsFatigueBase(ex){ // chi phí mệt HỆ THỐNG/set (chưa nhân RPE): nhiều khớp/khối cơ lớn + tải trục = cao nhất
  var eq=ex.equipment_required||[];
  if(ex.type==="compound_free_weight") return (eq.indexOf("barbell")>=0 && WS_AXIAL_PATTERNS[ex.pattern]) ? 1.0 : 0.65;
  if(ex.type==="compound_machine") return 0.4; // có tựa/dẫn hướng -> ít stress hệ thống
  return 0.2;                                    // isolation
}
function wsRpeFatigueFactor(rpe){ return 0.4 + 0.09*(rpe||7); } // rpe6≈0.94, rpe8≈1.12, rpe10≈1.30 (RPE cao mệt nhiều hơn, mức vừa theo NC)
function wsSessionFatigue(items, goal){ // tổng điểm mệt hệ thống/buổi (RPE đại diện theo goal nếu chưa gán RPE — dùng RPE ĐỈNH để ước lượng bảo thủ)
  var rpeProxy = goal==="strength" ? 10 : 9.5, f=0;
  items.forEach(function(it){
    // it.exercise có thể là OBJECT (lúc chọn bài) hoặc TÊN chuỗi (trong lịch đã sinh) -> chỉ dùng khi là object, ngược lại tra theo exercise_id
    var ex=(it.exercise && it.exercise.type) ? it.exercise : WS_EXERCISE_DB.find(function(e){return e.exercise_id===it.exercise_id;});
    if(ex) f += wsFatigueBase(ex)*wsRpeFatigueFactor(it.rpe||rpeProxy)*it.sets;
  });
  return f;
}
// Trần điểm mệt/buổi theo SỨC CHỨA & HỒI PHỤC (giống trần set/buổi): nâng cao chịu nhiều hơn; thâm hụt calo chịu ít hơn.
var WS_MAX_SESSION_FATIGUE_BASE = 14; // mốc trung cấp + duy trì (calibrate: buổi thường ~6-12, chỉ chặn buổi dồn nhiều compound tải-trục)
function wsMaxSessionFatigue(experienceLevel, energyStatus){
  var deficitPct = (WS_ENERGY_DEFICIT_PCT[energyStatus]!==undefined) ? WS_ENERGY_DEFICIT_PCT[energyStatus] : 0;
  var effDeficit = wsEffectiveDeficitPct(deficitPct, experienceLevel);
  var calFactor = wsClamp(1 + effDeficit*0.6, 0.8, 1.05);
  var expFactor = 0.8 + 0.2*(WS_EXPERIENCE_SCALAR[experienceLevel]!==undefined?WS_EXPERIENCE_SCALAR[experienceLevel]:0.5)/0.5; // mới 0.8 / trung cấp 1.0 / nâng cao 1.2
  return wsClamp(WS_MAX_SESSION_FATIGUE_BASE * expFactor * calFactor, 9, 22);
}
function wsExercisesForMuscle(muscle, equipmentOwned, excludeIds, excludePatterns, regionBias, excludeRegions, goal){
  excludeIds = excludeIds || [];
  excludePatterns = excludePatterns || [];
  function filterBase(applyStrength){
    return WS_EXERCISE_DB.filter(function(ex){
      if(ex.primary_muscle.name!==muscle) return false;
      if(excludeIds.indexOf(ex.exercise_id)>=0) return false;
      if(excludePatterns.indexOf(ex.pattern)>=0) return false;
      if(WS_NEVER_AUTO_PICK[ex.exercise_id]) return false;                                       // LUÔN loại bài SFR kém khỏi auto-pick (mọi goal, mọi nhánh)
      if(applyStrength && WS_STRENGTH_ONLY_ANCHOR[ex.exercise_id] && goal!=="strength") return false; // deadlift chỉ auto-pick khi strength (nới nếu bí bài)
      if(!equipmentOwned || !equipmentOwned.length) return true;
      return ex.equipment_required.every(function(eq){ return eq==="bodyweight" || equipmentOwned.indexOf(eq)>=0; });
    });
  }
  var list = filterBase(true);
  if(!list.length) list = filterBase(false); // hết bài -> chỉ nới điều kiện strength-only, VẪN giữ loại never-auto-pick
  var biasArr = Array.isArray(regionBias) ? regionBias : (regionBias && regionBias!=="all" ? [regionBias] : null);
  if(biasArr && biasArr.length){
    var biased=list.filter(function(ex){ return biasArr.indexOf(ex.region)>=0; });
    if(biased.length) list=biased; // chỉ bias khi còn ứng viên đúng vùng, tránh bí bài
  }
  if(excludeRegions && excludeRegions.length){
    var diverseRegion=list.filter(function(ex){ return !ex.region || excludeRegions.indexOf(ex.region)<0; });
    if(diverseRegion.length) return diverseRegion; // ưu tiên vùng CHƯA dùng trong buổi/tuần này; hết vùng mới thì cho phép lặp lại
  }
  return list;
}
// Chọn ngẫu nhiên đều theo VÙNG trước (nếu có >1 vùng trong danh sách ứng viên), rồi mới chọn bài trong vùng đó — tránh vùng nào có nhiều bài hơn (vd Ngực giữa có 4 bài "Đẩy ngang") bị trúng nhiều hơn do random đều theo từng bài.
function wsPickRandomWithRegionFairness(candidates){
  var byRegion={}; var noRegion=[];
  candidates.forEach(function(ex){ if(ex.region){ (byRegion[ex.region]=byRegion[ex.region]||[]).push(ex); } else noRegion.push(ex); });
  var regionKeys=Object.keys(byRegion);
  if(regionKeys.length<=1) return wsWeightedPickBySfr(candidates); // trong 1 vùng: chọn theo trọng số SFR (ưu tiên bài hồ sơ kháng lực/ổn định/kéo giãn tốt)
  var pool=regionKeys.concat(noRegion.length?["__none__"]:[]);
  var pick=pool[Math.floor(Math.random()*pool.length)];
  var group=pick==="__none__"?noRegion:byRegion[pick];
  return wsWeightedPickBySfr(group); // công bằng theo VÙNG trước, rồi trong vùng ưu tiên SFR
}
// excludePatterns: các "chuyển động" đã dùng cho nhóm cơ này trong buổi tập, để ưu tiên đa dạng chuyển động thay vì lặp cùng 1 kiểu bài
function wsResolveExercise(muscle, equipmentOwned, excludeIds, excludePatterns, regionBias, excludeRegions, goal){
  var diverse=wsExercisesForMuscle(muscle, equipmentOwned, excludeIds, excludePatterns, regionBias, excludeRegions, goal);
  if(diverse.length) return wsPickRandomWithRegionFairness(diverse); // chọn công bằng theo vùng trong số bài còn lại CHƯA cùng chuyển động/vùng đã dùng
  // hết chuyển động mới cho nhóm cơ này trong thiết bị hiện có -> cho phép lặp lại chuyển động (miễn không trùng bài cụ thể), vẫn ưu tiên vùng chưa dùng
  var direct=wsExercisesForMuscle(muscle, equipmentOwned, excludeIds, [], regionBias, excludeRegions, goal);
  if(direct.length) return wsPickRandomWithRegionFairness(direct);
  // fallback: thử các bài CÙNG CHUYỂN ĐỘNG (cùng pattern) của bất kỳ bài nào thuộc nhóm cơ này, dù thiếu thiết bị ban đầu.
  // VẪN loại never-auto-pick và strength-only (trừ goal=strength) ở nhánh này để không lọt decline/deadlift vào lịch hypertrophy.
  function okAuto(ex){ if(WS_NEVER_AUTO_PICK[ex.exercise_id]) return false; if(WS_STRENGTH_ONLY_ANCHOR[ex.exercise_id] && goal!=="strength") return false; return true; }
  var anyForMuscle=WS_EXERCISE_DB.filter(function(ex){ return ex.primary_muscle.name===muscle && excludeIds.indexOf(ex.exercise_id)<0 && okAuto(ex); });
  for(var i=0;i<anyForMuscle.length;i++){
    var alts=wsAlternativesFor(anyForMuscle[i].exercise_id);
    for(var j=0;j<alts.length;j++){
      var alt=alts[j];
      if(okAuto(alt) && excludeIds.indexOf(alt.exercise_id)<0 && (!equipmentOwned||!equipmentOwned.length||alt.equipment_required.every(function(eq){return eq==="bodyweight"||equipmentOwned.indexOf(eq)>=0;}))) return alt;
    }
  }
  return anyForMuscle[0]||null;
}

// Chọn bài CÔ LẬP cho nhóm cơ focus khi được "tiêm" vào buổi không thuộc nhóm (vd bài vai trong buổi Chân) — mini-session specialization:
// KHÔNG đưa compound của nhóm focus vào buổi lạ (tránh OHP mở màn ngày chân / ngốn CNS chồng chéo), chỉ isolation nhẹ-gọn.
function wsResolveIsolationOnly(muscle, equipmentOwned, excludeIds, excludePatterns){
  function eqOk(e){ return !equipmentOwned||!equipmentOwned.length||e.equipment_required.every(function(q){return q==="bodyweight"||equipmentOwned.indexOf(q)>=0;}); }
  var pool=WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===muscle && e.type==="isolation" && !WS_NEVER_AUTO_PICK[e.exercise_id] && excludeIds.indexOf(e.exercise_id)<0 && eqOk(e); });
  var noPat=pool.filter(function(e){ return excludePatterns.indexOf(e.pattern)<0; });
  var use=noPat.length?noPat:pool;
  return use.length?wsWeightedPickBySfr(use):null;
}
// Gộp các item trùng exercise_id (cộng dồn set, tối đa WS_MAX_SETS_PER_EXERCISE set/bài) — chặn hiện tượng lặp bài do downgrade máy trùng nhau
function wsDedupeItems(items){
  var order=[]; var byId={};
  items.forEach(function(it){
    var id=it.exercise.exercise_id;
    if(byId[id]){ byId[id].sets=Math.min(WS_MAX_SETS_PER_EXERCISE, byId[id].sets+it.sets); }
    else { var copy=Object.assign({},it); copy.sets=Math.min(WS_MAX_SETS_PER_EXERCISE, copy.sets); byId[id]=copy; order.push(copy); }
  });
  return order;
}

// Chọn bài + chia set cho 1 buổi, ưu tiên compound trước isolation TRONG TỪNG nhóm cơ (nới lỏng nếu hypertrophy+focus, mục 3),
// sau đó XEN KẼ nhóm cơ giữa các bài liên tiếp (không để 2 bài liên tiếp cùng tác động 1 nhóm cơ), ưu tiên đa dạng chuyển động, tối đa WS_MAX_SETS_PER_EXERCISE set/bài
function wsPickExercisesForSession(dayMuscles, volumePerMuscleWeekly, splitDaysForThisMuscle, goal, focusMuscleGroups, equipmentOwned, focusRegionBias, weekRegionUsage, injectedSet){
  weekRegionUsage = weekRegionUsage || {}; // {muscle:[region,...]} — nếu không truyền vào (gọi độc lập/test) thì coi như chỉ theo dõi trong phạm vi buổi này
  injectedSet = injectedSet || {};         // {muscle:1} — nhóm cơ được "tiêm" thêm vào buổi không thuộc nhóm (specialization): chỉ chọn bài CÔ LẬP
  var pickedByMuscle={}; var muscleOrder=[]; var usedIds=[];
  var orderedMuscles=dayMuscles.slice();
  if(goal==="hypertrophy" && focusMuscleGroups && focusMuscleGroups.length){
    orderedMuscles.sort(function(a,b){ return (focusMuscleGroups.indexOf(b)>=0?1:0)-(focusMuscleGroups.indexOf(a)>=0?1:0); });
  }
  orderedMuscles.forEach(function(m){
    var weekly=volumePerMuscleWeekly[m]; if(!weekly) return;
    var freqForMuscle=splitDaysForThisMuscle[m]||1;
    // Trần cứng set CHÍNH (direct)/nhóm cơ/buổi (junk volume nếu vượt) — chỉ đếm bài có cơ chính là nhóm cơ này, KHÔNG gồm set phụ hiệp phân số.
    // Phần dư của tuần sẽ nằm ở các buổi khác của nhóm cơ đó.
    var setsThisDay=Math.min(WS_MAX_SETS_PER_MUSCLE_PER_SESSION, Math.max(2, Math.round(weekly.target/freqForMuscle)));
    var remaining=setsThisDay;
    var usedPatternsForMuscle=[];
    var usedRegionsForMuscle=(weekRegionUsage[m]=weekRegionUsage[m]||[]); // dùng chung mảng với các buổi khác trong tuần (không reset theo buổi)
    var bucket=[];
    var regionBias = focusRegionBias && focusRegionBias[m];
    // regionBias (vùng con ưu tiên, vd ngực trên) được áp NGAY TỪ ĐẦU cho nhóm cơ focus: chọn bài TRONG VÙNG đó, vẫn đa dạng chuyển động NHỜ usedPatternsForMuscle
    // (excludePatterns) nên không spam 1 kiểu bài. (Trước đây trì hoãn bias tới khi "phủ hết mọi pattern" — nhưng ngực có ~7 pattern liên vùng, không buổi nào phủ hết,
    // nên bias KHÔNG BAO GIỜ áp -> ngực giữa luôn lấn át dù chọn ngực trên. Đã sửa: bias áp xuyên suốt. Với nhóm KHÔNG focus, regionBias falsy nên không đổi hành vi.)
    while(remaining>0){
      // Dư quá ít (1 set) để tách thành 1 bài mới (mỗi bài tối thiểu 2 set) -> cộng dồn vào bài cuối vừa chọn thay vì tạo bài mới chỉ có 1 set
      if(remaining<2 && bucket.length>0){
        var lastPicked=bucket[bucket.length-1];
        var addable=Math.min(remaining, WS_MAX_SETS_PER_EXERCISE-lastPicked.sets);
        lastPicked.sets+=addable; remaining-=addable;
        break;
      }
      var ex=injectedSet[m] ? (wsResolveIsolationOnly(m, equipmentOwned, usedIds, usedPatternsForMuscle) || wsResolveExercise(m, equipmentOwned, usedIds, usedPatternsForMuscle, regionBias, usedRegionsForMuscle, goal))
                            : wsResolveExercise(m, equipmentOwned, usedIds, usedPatternsForMuscle, regionBias, usedRegionsForMuscle, goal);
      if(!ex) break;
      usedIds.push(ex.exercise_id);
      usedPatternsForMuscle.push(ex.pattern);
      if(ex.region) usedRegionsForMuscle.push(ex.region);
      var setsHere=Math.min(remaining, WS_MAX_SETS_PER_EXERCISE);
      bucket.push({exercise:ex, muscle:m, sets:setsHere});
      remaining-=setsHere;
      if(usedIds.length>40) break;
    }
    if(bucket.length){
      if(goal!=="focus"){
        bucket.sort(function(a,b){ var aw=a.exercise.type==="isolation"?1:0, bw=b.exercise.type==="isolation"?1:0; return aw-bw; }); // compound trước isolation trong nội bộ nhóm cơ
      }
      pickedByMuscle[m]=bucket; muscleOrder.push(m);
    }
  });
  // Xen kẽ round-robin giữa các nhóm cơ để bài liên tiếp không lặp cùng 1 nhóm cơ
  var interleaved=[]; var remainingTotal=muscleOrder.reduce(function(s,m){ return s+pickedByMuscle[m].length; },0);
  while(remainingTotal>0){
    muscleOrder.forEach(function(m){
      if(pickedByMuscle[m].length){ interleaved.push(pickedByMuscle[m].shift()); remainingTotal--; }
    });
  }
  return wsEnsureCompoundOpener(wsAvoidPreExhaustion(wsDedupeItems(interleaved)), focusMuscleGroups, goal, focusRegionBias);
}

// Lấy exercise OBJECT từ item (dù .exercise là object lúc chọn bài, hay tên chuỗi trong lịch đã sinh — tra theo exercise_id)
function wsExObj(it){ return (it.exercise && it.exercise.type) ? it.exercise : WS_EXERCISE_DB.find(function(e){ return e.exercise_id===it.exercise_id; }); }
// Buổi tập luôn mặc định mở màn bằng 1 bài compound NẶNG (freeweight — tạ đòn/tạ đơn), không phải compound máy hay isolation.
// Bài mở màn này KHÔNG BAO GIỜ vào superset vì wsCanSuperset đã loại compound_free_weight khỏi mọi cặp superset (xem Bước 2 của wsComputeSessionTime).
// ===== TIỆN ÍCH BIAS VÙNG (ngực trên/giữa/dưới, xô trên/dưới) — dùng xuyên suốt CÁC BƯỚC HẬU KỲ để bias vùng KHÔNG bị rửa trôi =====
// Trả mảng vùng đã chọn cho 1 nhóm cơ (hoặc null nếu không bias / chọn "Toàn bộ").
function wsRegionBiasFor(focusRegionBias, muscle){ if(!focusRegionBias) return null; var b=focusRegionBias[muscle]; if(!b) return null; var arr=Array.isArray(b)?b:(b!=="all"?[b]:null); return (arr&&arr.length)?arr:null; }
// true CHỈ KHI có bias cho nhóm cơ của bài VÀ vùng của bài khớp — dùng làm điểm THƯỞNG (không phải bộ lọc cứng, tránh bí bài).
function wsRegionMatch(ex, focusRegionBias){ if(!ex||!ex.primary_muscle) return false; var arr=wsRegionBiasFor(focusRegionBias, ex.primary_muscle.name); if(!arr) return false; return arr.indexOf(ex.region)>=0; }
// weekPushPullState (tuỳ chọn, {upperA,upperB,lowerA,lowerB}): đếm số buổi ĐÃ mở màn theo từng "phe" đối kháng, TÁCH RIÊNG
// miền thân trên (đẩy=A: ngực/vai trước/vai giữa/tay sau ↔ kéo=B: lưng/vai sau/tay trước/trap) và miền thân dưới
// (squat=A: đùi trước ↔ hinge=B: đùi sau/mông) — KHÔNG dùng chung 1 bộ đếm, tránh buổi thân dưới bị "nhiễu" bởi lựa chọn thân trên.
// Mục đích: ĐA DẠNG bài "linh hồn" giữa các buổi cùng loại trong tuần — tinh thần tỷ lệ Kéo:Đẩy ~2:1 cho sức khoẻ vai
// (Cressey/DeFranco/Boyle) VÀ đa dạng squat/hinge cho thân dưới (vd 1 buổi squat + 1 buổi deadlift thay vì lặp 1 bài).
// KHÔNG CÓ state này thì y hệt hành vi cũ (không đổi kết quả nơi chưa truyền state, vd lúc dựng template ban đầu).
function wsEnsureCompoundOpener(items, focusMuscles, goal, focusRegionBias, weekPushPullState){
  focusMuscles = focusMuscles || [];
  var bestIdx=-1, bestScore=-1, i;
  // Phạt bài 1 bên khi làm mở màn: strength phạt NẶNG (gần như loại nếu có bài 2 bên), mục tiêu khác phạt nhẹ.
  function uniPenalty(ex){ return WS_UNILATERAL[ex.exercise_id] ? (goal==="strength"?6:1.5) : 0; }
  // THƯỞNG khi bài mở màn KHỚP VÙNG ưu tiên (vd ưu tiên ngực trên -> incline press dẫn dắt thay vì chest press vùng giữa). Đủ lớn để lật thứ hạng SFR.
  function regBonus(ex){ return wsRegionMatch(ex, focusRegionBias) ? 5 : 0; }
  // VAI TRÒ bài mở màn theo NHÓM CƠ (không theo ngày tập) — quyết định bài "linh hồn" buổi:
  //   ngực -> "press" (đẩy ngang/chéo), lưng -> "pull" (kéo dọc/ngang) : 2 LINH HỒN mặc định của thân trên.
  //   đùi trước -> "squat", đùi sau/mông -> "hinge" (deadlift) : 2 LINH HỒN mặc định của thân dưới.
  //   vai trước (OHP) -> "shoulder": KHÔNG phải linh hồn mặc định — chỉ mở màn khi lịch FOCUS vai, hoặc khi cả press&pull đã mở màn
  //   ở tuần này (tức đã có buổi thứ 3 trở lên), theo đúng yêu cầu người dùng.
  function roleOf(m){
    if(m==="nguc") return {domain:"upper", role:"press"};
    if(m==="lung") return {domain:"upper", role:"pull"};
    if(m==="vai_truoc") return {domain:"upper", role:"shoulder"};
    if(m==="dui_truoc") return {domain:"lower", role:"squat"};
    if(m==="dui_sau"||m==="mong") return {domain:"lower", role:"hinge"};
    return null;
  }
  var shoulderFocus=false; for(var fi=0;fi<focusMuscles.length;fi++){ if(/^vai/.test(focusMuscles[fi])) shoulderFocus=true; }
  // Buổi có ĐỦ CẢ 2 linh hồn của 1 miền (upper: có compound ngực VÀ compound lưng; lower: có squat VÀ hinge) mới cân bằng
  // qua lại — buổi Đẩy thuần / Kéo thuần / chỉ 1 nhóm không có lựa chọn thật nên không ép (chỉ áp luật hạ cấp vai trước).
  function hasBothSoul(domain){
    var s={}; for(var k=0;k<items.length;k++){ var eo=wsExObj(items[k]); if(!eo || eo.type==="isolation") continue; var r=roleOf(items[k].muscle); if(r&&r.domain===domain) s[r.role]=1; }
    if(domain==="upper") return !!(s.press && s.pull);
    return !!(s.squat && s.hinge);
  }
  function cnt(role){ return (weekPushPullState && weekPushPullState[role]) || 0; }
  function openerBonus(ex){
    if(!weekPushPullState) return 0;
    var r=roleOf(ex.muscle); if(!r) return 0;
    if(r.role==="shoulder"){
      if(shoulderFocus) return 5;               // lịch focus vai -> ưu tiên đẩy vai làm linh hồn (đủ mạnh để thắng cả kéo xô SFR cao)
      if(cnt("press")>0 && cnt("pull")>0) return 1; // đã có buổi đẩy ngang + buổi kéo -> buổi thứ 3 mới cho đẩy vai lên mở màn
      return -5;                                 // mặc định: KHÔNG cho vai trước mở màn khi còn ngực/lưng chưa dùng
    }
    if(r.domain==="upper"){
      if(!hasBothSoul("upper")) return 0;        // buổi đẩy/kéo thuần: 1 linh hồn duy nhất -> để SFR tự quyết
      var mine=cnt(r.role), other=cnt(r.role==="press"?"pull":"press");
      // boost ĐỦ MẠNH (+4.5/-2.0, tổng chênh 6.5) để LẬT được cả khi linh hồn còn thiếu là bài SFR thấp (vd chỉ còn Dips/Push-up)
      // đối đầu bài SFR cao của phe kia (vd Lat Pulldown máy) — đảm bảo "2 buổi thân trên = 1 đẩy + 1 kéo" gần như tuyệt đối.
      return mine<other?4.5 : mine>other?-2.0 : 0;
    }
    // lower: squat vs hinge
    if(!hasBothSoul("lower")) return 0;
    var mineL=cnt(r.role), otherL=cnt(r.role==="squat"?"hinge":"squat");
    return mineL<otherL?4.5 : mineL>otherL?-2.0 : 0; // 2 buổi chân: 1 squat + 1 deadlift (hinge)
  }
  // ƯU TIÊN 1: nếu buổi có nhóm cơ MỤC TIÊU -> bài COMPOUND tốt nhất của nhóm đó lên mở màn (KHÔNG để isolation như fly kéo giãn — dù SFR cao — dẫn buổi;
  // opener phải là bài đa khớp/ngốn CNS). Ưu tiên bài 2 bên + đúng vùng. (KHÔNG áp varietyBonus ở đây — mục tiêu rõ ràng thì không cần đa dạng ép buộc,
  // vd goal=focus nhắm đùi trước thì luôn ưu tiên squat, không ép xen kẽ deadlift.)
  // LUẬT CỨNG BÀI 1 BÊN: bài unilateral (single-leg deadlift, dumbbell row, bulgarian...) KHÔNG BAO GIỜ mở màn khi buổi còn BẤT KỲ
  // compound 2 BÊN nào — tải thấp, giới hạn thăng bằng, không đáng làm "linh hồn" buổi. Chỉ rơi xuống pass-2 (cho phép 1 bên)
  // khi buổi tuyệt đối không còn compound 2 bên (hiếm). Phạt điểm 1.5 cũ quá yếu: bị bonus linh hồn (+4.5) đè, từng khiến
  // Single Leg Deadlift mở màn buổi Thân dưới trước cả Hack Squat.
  var hasBilateralCompound=false;
  for(i=0;i<items.length;i++){ var eB=wsExObj(items[i]); if(eB && eB.type!=="isolation" && !WS_UNILATERAL[eB.exercise_id]){ hasBilateralCompound=true; break; } }
  function uniBlocked(exObj){ return WS_UNILATERAL[exObj.exercise_id] && (hasBilateralCompound || goal==="strength"); }
  if(focusMuscles.length){
    for(i=0;i<items.length;i++){ if(focusMuscles.indexOf(items[i].muscle)>=0){ var eo1=wsExObj(items[i]); if(!eo1 || eo1.type==="isolation" || uniBlocked(eo1)) continue; var scf=wsSfrScore(eo1)-uniPenalty(eo1)+regBonus(eo1); if(scf>bestScore){ bestScore=scf; bestIdx=i; } } }
  }
  // ƯU TIÊN 2: chọn compound (tự do HOẶC máy) điểm cao nhất = SFR + openerBonus(luật linh hồn) + ưu tiên NHẸ tạ tự do.
  // KHÔNG chia TẦNG CỨNG "free-weight trước, máy sau" nữa: tầng cứng khiến 1 bài tự do đang bị PHẠT (vd vai trước −5 vì chưa tới lượt)
  // vẫn được chọn và CHẶN mất bài MÁY tốt hơn ở tầng sau (vd kéo xô cần mở màn) -> hỏng luật "2 buổi thân trên = 1 đẩy + 1 kéo".
  // Ưu tiên tạ tự do chỉ còn là điểm cộng nhẹ (+0.6) để giữ tính "bài lớn dẫn buổi" khi các lựa chọn xấp xỉ nhau — anchors (big-3,
  // bench, row, pull-up, OHP, RDL) đã tự cộng điểm ở wsSfrScore nên bài tự do biểu tượng vẫn cạnh tranh tốt.
  if(bestIdx<0){
    for(i=0;i<items.length;i++){ var e2=wsExObj(items[i]); if(!e2 || e2.type==="isolation" || uniBlocked(e2)) continue;
      var fwPref=(e2.type==="compound_free_weight")?0.6:0;
      var sc=wsSfrScore(e2)+openerBonus(items[i])+fwPref;
      if(sc>bestScore){ bestScore=sc; bestIdx=i; } }
  }
  function recordChoice(ex){ if(!weekPushPullState||!ex) return; var r=roleOf(ex.muscle); if(!r) return; weekPushPullState[r.role]=(weekPushPullState[r.role]||0)+1; }
  if(bestIdx<=0){ // đã ở đầu, hoặc không có ứng viên -> giữ nguyên, nhưng vẫn cập nhật state theo bài đầu hiện tại (nếu có) để đếm đúng
    recordChoice(items[0]);
    return items;
  }
  var arr=items.slice();
  var opener=arr.splice(bestIdx,1)[0];
  arr.unshift(opener);
  recordChoice(opener);
  return arr;
}

// Không đặt 1 bài cô lập TRƯỚC 1 bài compound MUỘN HƠN trong buổi nếu nhóm cơ đó là cơ hỗ trợ (fractional_muscles) của bài compound đó
// — ví dụ: Tay sau (triceps) trước Lat Pulldown thì được (không liên quan), nhưng Tay trước (biceps) trước Lat Pulldown thì không (biceps là cơ hỗ trợ kéo, bị mỏi trước sẽ giảm hiệu năng compound).
// Bài cô lập vi phạm sẽ được dời ra ngay SAU bài compound muộn nhất mà nó ảnh hưởng (gần cuối buổi nếu ảnh hưởng nhiều bài).
function wsAvoidPreExhaustion(items){
  var arr=items.slice();
  var moved=true, guard=0;
  while(moved && guard<60){
    moved=false; guard++;
    for(var i=0;i<arr.length;i++){
      var it=arr[i];
      if(it.exercise.type!=="isolation") continue;
      var lastConflictIdx=-1;
      for(var j=i+1;j<arr.length;j++){
        var cj=arr[j];
        if(cj.exercise.type==="isolation") continue;
        var isSynergist=(cj.exercise.fractional_muscles||[]).some(function(fm){ return fm.name===it.muscle; });
        if(isSynergist) lastConflictIdx=j;
      }
      if(lastConflictIdx>=0){
        arr.splice(i,1);
        arr.splice(lastConflictIdx,0,it);
        moved=true;
        break;
      }
    }
  }
  return arr;
}

// RPE khởi điểm + TRẦN CUỐI PHASE theo kinh nghiệm VÀ LOẠI BÀI (không áp chung 1 mức cho mọi bài):
//  - isolation: an toàn để đẩy sát/tới thất bại -> cuối phase lên 9–10 (khoá cơ đơn khớp, rủi ro thấp).
//  - compound (tự do & máy): chừa 1–2 RIR vì mệt làm hỏng kỹ thuật/tăng rủi ro chấn thương -> cuối phase 8–9.
// CĂN CỨ: Zourdos 2016 & Helms 2016 (thang RPE theo RIR: RPE10=0 RIR, RPE9=1 RIR); Refalo 2023/2024 (SportRxiv/AJSM meta-regression:
//   phì đại tăng khi tập gần thất bại, tụt rõ khi dừng >4–5 rep trước thất bại) -> ưu tiên phần lớn set 1–4 RIR, tập TỚI thất bại
//   dành cho bài ISO cuối buổi; KHÔNG tập tới thất bại ở compound nặng (squat/bench/deadlift/OHP) trừ khi có người đỡ (MASS/RP/SBS).
//   Việc TĂNG DẦN RPE qua từng tuần tới tuần đỉnh rồi deload = autoregulation Helms 2018 (RIR drift theo accumulation).
// Người mới tập trần thấp hơn (chưa quen kiểm soát gần thất bại); volume đã bù ở wsAllocateVolumePerMuscle (wsExpMult).
var WS_EXPERIENCE_RPE_RANGE = {
  beginner:     {start:5,   isoEnd:8.5, compEnd:7.5},
  intermediate: {start:6,   isoEnd:10,  compEnd:9},
  advanced:     {start:6.5, isoEnd:10,  compEnd:9.5}
};

function wsRepRangeAndRPE(exercise, goal, weekIndex, mesoWeeks, experienceLevel){
  var goalKey = goal==="strength" ? "strength" : "hypertrophy";
  var reps = (exercise.default_rep_range && exercise.default_rep_range[goalKey]) || "8-12";
  // RIR/RPE progression mục 6.3: tăng dần tới TUẦN ĐỈNH (tuần cuối trước deload) thì CHẠM TRẦN; deload tuần cuối bị ép về RPE 6 ở nơi gọi.
  var peakIdx = mesoWeeks>=3 ? mesoWeeks-2 : (mesoWeeks-1);       // tuần đỉnh = ngay trước deload
  var frac = peakIdx>0 ? wsClamp(weekIndex/peakIdx, 0, 1) : 1;    // tuần đỉnh -> frac=1 -> RPE chạm trần loại bài
  var range = WS_EXPERIENCE_RPE_RANGE[experienceLevel] || WS_EXPERIENCE_RPE_RANGE.intermediate;
  var isIso = !!(exercise && exercise.type==="isolation");
  var endRpe = isIso ? range.isoEnd : range.compEnd;
  var goalBump = goal==="strength" ? 0.5 : 0;                      // strength thiên RPE cao hơn hypertrophy cùng mức kinh nghiệm
  var raw = range.start + goalBump + frac*(endRpe - range.start);
  var rpe = Math.round(raw*2)/2;                                   // LÀM TRÒN BỘI SỐ 0.5: chỉ 6, 6.5, 7, 7.5 ... 10 (không số lẻ)
  rpe = wsClamp(rpe, range.start, isIso?10:9.5);                   // compound trần 9.5 (còn ≥0.5 RIR), iso được tới 10
  return {reps:reps, rpe:rpe};
}

// Thời gian nghỉ theo phân loại bài tập (giây) — compound tự do 3-5', compound máy 2-3', cô lập 1-2'
// Khung nghỉ giữa các set (giây) — HIỆU CHỈNH theo ACSM (2-3 phút bài đa khớp / 1-2 phút bài đơn khớp) và NSCA (sức mạnh 2-5 phút):
//  - hypertrophy/focus: dùng đầu THẤP của khung (bài đa khớp ~2-3 phút thay vì 4 phút như cũ, đúng khuyến nghị cho phì đại).
//  - strength: dùng đầu CAO của khung (bài đa khớp tới 4-5 phút để giữ cường độ theo NSCA).
var WS_REST_RANGE_SEC = {compound_free_weight:[180,300], compound_machine:[120,210], isolation:[90,120]};
function wsRestSecondsFor(type, goal){
  var r = WS_REST_RANGE_SEC[type] || WS_REST_RANGE_SEC.isolation;
  return goal==="strength" ? r[1] : r[0]; // strength: đầu cao khung; hypertrophy/focus: đầu thấp khung (ngắn hơn, đúng khuyến nghị phì đại)
}

// DÙNG CHUNG cho MỌI chỗ TRÁO BÀI trong tuần (dedup pattern/exercise, big-3, top-up...): sau khi đổi exercise_id, PHẢI tính lại
// reps/RPE/rest theo bài MỚI (loại bài mới có thể khác loại bài cũ -> rest/RPE trần khác nhau) và theo đúng trạng thái deload —
// nếu giữ nguyên field cũ (bug đã gặp): tuần deload có bài top-up vẫn mang RPE 8-10, hoặc bài bị tráo mang RPE/rest của loại cũ.
function wsFinalizeSwappedSlot(newEx, goal, weekIndex, mesoWeeks, experienceLevel, isDeloadWeek){
  var rr = wsRepRangeAndRPE(newEx, goal, weekIndex, mesoWeeks, experienceLevel);
  var rpe = isDeloadWeek ? 6 : rr.rpe;
  return {reps:rr.reps, rpe:rpe, load:isDeloadWeek?"RPE 6 (deload)":"RPE "+rpe, rest_seconds:wsRestSecondsFor(newEx.type, goal)};
}

// Số set khởi động (ramp-up, không tính vào volume/MEV-MRV) trước khi vào set chính — chỉ đáng kể với compound nặng (tải lớn cần tăng dần qua nhiều mức tạ để an toàn).
// Compound máy/isolation không cần nhiều vì tải nhẹ hơn và nhóm cơ thường đã ấm từ bài compound tự do đầu buổi.
function wsWarmupSetsFor(type, goal){
  if(type==="compound_free_weight") return goal==="strength" ? 4 : 3;
  if(type==="compound_machine") return 1;
  return 0;
}

// ===== MÔ HÌNH THỜI LƯỢNG BUỔI TẬP (minh bạch, có căn cứ) =====
// Thời lượng = KHỞI ĐỘNG CHUNG đầu buổi + Σ mỗi bài[ set khởi động + set-up + set chính×(thực hiện + NGHỈ) ] − tiết kiệm do superset.
// Nguồn: TUT 30-60s/set (Schoenfeld, Grgic & Schoenfeld); nghỉ ACSM/NSCA (xem WS_REST_RANGE_SEC); ramp-up 3-4 set cho compound nặng.
var WS_GENERAL_WARMUP_MIN = 8;   // khởi động chung đầu buổi: tim mạch nhẹ + động tác linh hoạt (1 lần/buổi)
var WS_RAMP_SET_MIN = 1.0;       // 1 set khởi động tăng tải: tải nhẹ, nghỉ ngắn ~45-60s
// Thời gian THỰC HIỆN 1 set chính (phút): time-under-tension ~30-45s + vào/ra vị trí, gài chốt. Compound tự do lâu hơn (đặt/tháo tạ).
var WS_SET_EXECUTION_MIN = {compound_free_weight:0.85, compound_machine:0.7, isolation:0.6};
// Set-up mỗi bài (phút): tìm dụng cụ, chỉnh ghế/máy, lắp tạ — phần "chuyển giữa 2 bài" nằm ngoài thời gian nghỉ đã tính ở set cuối bài trước.
var WS_EXERCISE_SETUP_MIN = {compound_free_weight:1.0, compound_machine:0.75, isolation:0.5};
// Phút cho 1 set CHÍNH = thực hiện + NGHỈ (lấy đúng rest hiển thị cho người dùng -> thời gian & rest luôn nhất quán).
function wsPerSetMinutes(type, goal){
  var exec = WS_SET_EXECUTION_MIN[type]!==undefined ? WS_SET_EXECUTION_MIN[type] : WS_SET_EXECUTION_MIN.isolation;
  return exec + wsRestSecondsFor(type, goal)/60;
}
// Phụ phí cố định của 1 bài (không đổi khi cắt set): set khởi động ramp-up + set-up bài.
function wsExerciseOverheadMin(type, goal){
  var setup = WS_EXERCISE_SETUP_MIN[type]!==undefined ? WS_EXERCISE_SETUP_MIN[type] : WS_EXERCISE_SETUP_MIN.isolation;
  return wsWarmupSetsFor(type, goal)*WS_RAMP_SET_MIN + setup;
}

var WS_MAX_SUPERSETS_PER_SESSION = 3; // 1 buổi không quá 3 superset

// 2 bài trong cùng 1 cặp superset phải có SỐ SET BẰNG NHAU (tập xen kẽ từng hiệp) — gọi lại hàm này ở cuối mọi bước có thể làm lệch set (cắt set theo giờ/MRV/cân bằng buổi)
function wsEqualizeSupersetSets(items){
  var byGroup={};
  items.forEach(function(ex){ if(ex.superset_group!==undefined){ (byGroup[ex.superset_group]=byGroup[ex.superset_group]||[]).push(ex); } });
  Object.keys(byGroup).forEach(function(g){
    var pair=byGroup[g];
    if(pair.length===2){
      var min=Math.min(pair[0].sets, pair[1].sets);
      pair[0].sets=min; pair[1].sets=min;
    }
  });
}

// mục 2.4 — tính thời gian buổi tập; ƯU TIÊN TUYỆT ĐỐI không vượt quỹ thời gian đã set — thà hụt volume còn hơn lố giờ (không "ép bằng mọi giá")
function wsComputeSessionTime(sessionExercises, goal, sessionDurationMax, experienceLevel, energyStatus, focusMuscles, focusRegionBias){
  var maxSetsSession = wsMaxSetsPerSession(experienceLevel, energyStatus); // trần tổng set/buổi theo trình độ & calo
  var cfg=wsGetConfig();
  var coef = cfg.timeCoef[goal] || cfg.timeCoef.hypertrophy;
  function timeFor(items){
    var t=WS_GENERAL_WARMUP_MIN;
    items.forEach(function(it){
      var ty=it.exercise.type;
      t += wsExerciseOverheadMin(ty,goal) + it.sets*wsPerSetMinutes(ty,goal); // phụ phí bài (khởi động+set-up) + set chính×(thực hiện+nghỉ)
    });
    return t;
  }
  var items = sessionExercises.map(function(it){ return Object.assign({},it); });
  var total = timeFor(items);
  var downgrades=[];

  // Bước 1: Free-weight compound dư giờ -> Machine compound (mục 2.4 "xử lý ngoại lệ") — lặp tới khi hết ứng viên hoặc đủ giờ.
  // BẢO VỆ bài mở màn buổi (index 0, compound tự do) khỏi bị hạ cấp trước — ưu tiên hạ cấp các compound khác trong buổi, chỉ đụng tới bài mở màn khi thật sự hết lựa chọn khác.
  var openerProtected = items.length>0 && items[0].exercise.type==="compound_free_weight";
  var changed=true;
  while(total>sessionDurationMax && changed){
    changed=false;
    for(var idx=(openerProtected?1:0); idx<items.length && total>sessionDurationMax; idx++){
      var it=items[idx];
      if(it.exercise.type==="compound_free_weight" && !it.__downgradedFC){
        var srcReg=it.exercise.region;
        var tcM=function(e){ return goal==="strength"?e.time_coefficient_strength_min:e.time_coefficient_hypertrophy_min; };
        var alt=WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===it.exercise.primary_muscle.name && e.type==="compound_machine" && !WS_NEVER_AUTO_PICK[e.exercise_id]; })
          .sort(function(a,b){ return (wsRegionMatch(b,focusRegionBias)?1:0)-(wsRegionMatch(a,focusRegionBias)?1:0) || ((b.region===srcReg)?1:0)-((a.region===srcReg)?1:0) || (tcM(a)-tcM(b)) || wsSfrScore(b)-wsSfrScore(a); })[0];
        if(alt){ items[idx]=Object.assign({},it,{exercise:alt,__downgradedFC:true}); downgrades.push(it.exercise.name+" → "+alt.name); total=timeFor(items); changed=true; }
      }
    }
  }
  // KHÔNG hạ cấp bài mở màn dù hết mọi lựa chọn khác — "luôn mặc định mở màn bằng compound nặng freeweight" là ràng buộc tuyệt đối, không có ngoại lệ "bất đắc dĩ".
  // Nếu quỹ thời gian vẫn thiếu, các bước sau (cắt set / bỏ bài khác) sẽ xử lý tiếp — bài mở màn nhiều nhất chỉ bị giảm SỐ SET ở Bước 5, không đổi loại.
  items=wsDedupeItems(items); total=timeFor(items); // gộp nếu 2 bài khác nhau cùng bị hạ cấp về chung 1 bài máy

  // Bước 2: dư giờ -> ghép superset đối kháng (giảm 1.5 phút/set, chỉ áp dụng cặp khác nhóm cơ), tối đa WS_MAX_SUPERSETS_PER_SESSION cặp/buổi.
  // CHỈ ghép: cô lập+cô lập, hoặc cô lập+compound máy. KHÔNG bao giờ ghép compound tự do (nặng, rủi ro chấn thương/kỹ thuật khi mệt) hay 2 compound máy với nhau.
  function wsCanSuperset(a,b){
    if(a.exercise.type==="compound_free_weight"||b.exercise.type==="compound_free_weight") return false;
    if(a.exercise.type==="compound_machine"&&b.exercise.type==="compound_machine") return false;
    // KHÔNG ghép nếu cơ CHÍNH của bài này là cơ HỖ TRỢ (synergist) của bài kia — vd Overhead Triceps Extension (tay sau) ghép với
    // Overhead Press (tay sau là synergist đẩy vai) sẽ làm mỏi trước tay sau -> yếu hẳn bài đẩy vai. Chỉ ghép cặp ĐỘC LẬP/ĐỐI KHÁNG cơ.
    var aPrim=a.exercise.primary_muscle.name, bPrim=b.exercise.primary_muscle.name;
    var aFrac=(a.exercise.fractional_muscles||[]).map(function(f){return f.name;});
    var bFrac=(b.exercise.fractional_muscles||[]).map(function(f){return f.name;});
    if(aFrac.indexOf(bPrim)>=0 || bFrac.indexOf(aPrim)>=0) return false;
    return true;
  }
  var supersetCount=0;
  var pairedSomething=true;
  while(total>sessionDurationMax && pairedSomething && supersetCount<WS_MAX_SUPERSETS_PER_SESSION){
    pairedSomething=false;
    var candIdxs=[]; items.forEach(function(it,i){ if(!it.superset && it.exercise.type!=="compound_free_weight") candIdxs.push(i); });
    for(var p=0; p+1<candIdxs.length && total>sessionDurationMax && supersetCount<WS_MAX_SUPERSETS_PER_SESSION; p++){
      var a=items[candIdxs[p]];
      if(a.superset) continue;
      for(var q=p+1; q<candIdxs.length; q++){
        var b=items[candIdxs[q]];
        if(b.superset) continue;
        if(a.exercise.primary_muscle.name!==b.exercise.primary_muscle.name && wsCanSuperset(a,b)){
          a.superset=true; b.superset=true;
          a.superset_group=supersetCount; b.superset_group=supersetCount;
          var reduce=Math.min(a.sets,b.sets)*coef.supersetReduction;
          total-=reduce;
          downgrades.push(a.exercise.name+" + "+b.exercise.name+" → superset đối kháng");
          pairedSomething=true; supersetCount++;
          break;
        }
      }
    }
  }

  // Bước 3: vẫn còn vượt quỹ giờ -> cắt bớt set của bài ưu tiên thấp nhất (isolation trước, tối thiểu giữ 2 set/bài)
  function cutSets(typeFilter){
    var cutIdx=items.length-1;
    while(total>sessionDurationMax && cutIdx>=0){
      var ci=items[cutIdx];
      if(typeFilter(ci.exercise.type) && ci.sets>2){
        var perSet = wsPerSetMinutes(ci.exercise.type, goal);
        var reduceSets = Math.min(ci.sets-2, Math.ceil((total-sessionDurationMax)/perSet));
        if(reduceSets>0){ ci.sets-=reduceSets; total-=reduceSets*perSet; downgrades.push(ci.exercise.name+": giảm còn "+ci.sets+" set (thiếu quỹ thời gian)"); }
      }
      cutIdx--;
    }
  }
  // CẮT HẾT SET xuống sàn 2 TRƯỚC (cả isolation lẫn compound) — tối đa hóa PHỦ ĐỦ nhóm cơ, chỉ BỎ bài khi 1 set-tối-thiểu/nhóm cơ vẫn không vừa giờ.
  cutSets(function(t){ return t==="isolation"; });
  cutSets(function(t){ return t==="compound_free_weight"||t==="compound_machine"; });

  // PHỦ ĐỦ NHÓM CƠ: khi phải BỎ bài, ưu tiên bỏ bài THỪA (nhóm cơ còn bài khác) — KHÔNG bỏ bài duy nhất của 1 nhóm cơ trừ khi hết cách.
  function muscleN(mus){ var c=0; for(var k=0;k<items.length;k++){ if(items[k].muscle===mus) c++; } return c; }
  function dropCandidate(typeOk){ // trả index bài nên bỏ (từ cuối), ưu tiên bài không phải bài cuối cùng của nhóm cơ; -1 nếu không còn bài hợp lệ
    var soleIdx=-1;
    for(var k=items.length-1;k>=1;k--){ if(!typeOk(items[k].exercise.type)) continue; if(muscleN(items[k].muscle)>1) return k; if(soleIdx<0) soleIdx=k; }
    return soleIdx; // chỉ còn bài "duy nhất/nhóm cơ" -> bất đắc dĩ mới bỏ (đã hết bài thừa)
  }
  // Bước 4: vẫn còn vượt sau khi mọi set về sàn 2 -> bỏ bài ISOLATION dư (ưu tiên bài thừa, giữ phủ đủ nhóm cơ; bảo vệ opener index 0)
  while(total>sessionDurationMax){
    var di=dropCandidate(function(t){ return t==="isolation"; });
    if(di<0) break;
    var last=items[di];
    total-=timeFor([last])-WS_GENERAL_WARMUP_MIN;
    downgrades.push("Bỏ "+last.exercise.name+" (không đủ quỹ thời gian buổi tập)");
    items.splice(di,1);
  }

  // Bước 5: vẫn không đủ -> bỏ bớt compound dư (vẫn ưu tiên bài thừa để giữ phủ đủ nhóm cơ)
  while(total>sessionDurationMax){
    var dc=dropCandidate(function(t){ return t==="compound_free_weight"||t==="compound_machine"; });
    if(dc<0) break;
    var lastC=items[dc];
    total-=timeFor([lastC])-WS_GENERAL_WARMUP_MIN;
    downgrades.push("Bỏ "+lastC.exercise.name+" (không đủ quỹ thời gian buổi tập — ưu tiên đúng giờ hơn đủ volume)");
    items.splice(dc,1);
  }

  // Bước 7: TRẦN TỔNG SET VẬT LÝ/BUỔI (WS_MAX_SETS_PER_SESSION) — đếm THEO BÀI, mỗi set thực làm đúng 1 lần (KHÔNG phải tổng theo nhóm cơ,
  // vì tổng theo nhóm cơ có set phụ hiệp phân số nên lớn hơn). Quá nhiều set/buổi gây junk volume + mệt hệ thần kinh.
  // Cắt set isolation từ cuối trước (tối thiểu 2), hết mới cắt compound; cạn set thì bỏ hẳn bài (ưu tiên isolation). LUÔN bảo vệ bài mở màn (index 0).
  function wsTotalSets(){ return items.reduce(function(s,it){ return s+it.sets; },0); }
  var guardTS=0;
  while(wsTotalSets()>maxSetsSession && guardTS++<400){
    var ci7=-1;
    for(var i2=items.length-1;i2>=1;i2--){ if(items[i2].exercise.type==="isolation" && items[i2].sets>2){ ci7=i2; break; } }
    if(ci7<0){ for(var i3=items.length-1;i3>=1;i3--){ if(items[i3].sets>2){ ci7=i3; break; } } }
    if(ci7>=0){ items[ci7].sets-=1; continue; }
    var di7=-1;
    for(var i4=items.length-1;i4>=1;i4--){ if(items[i4].exercise.type==="isolation"){ di7=i4; break; } }
    if(di7<0) di7=items.length-1;
    if(di7>=1){ downgrades.push("Bỏ "+items[di7].exercise.name+" (vượt trần "+maxSetsSession+" set/buổi)"); items.splice(di7,1); } else break;
  }
  total=timeFor(items);

  // Bước 8: TRẦN MỆT MỎI HỆ THỐNG — không dồn nhiều bài tải-trục/nhiều-khớp vào 1 buổi. Hạ cấp compound tự do axial cao nhất (TRỪ opener) -> máy
  // (giảm mệt hệ thống, vẫn giữ kích thích). Không cắt set (để giữ volume) — chỉ đổi loại bài về ổn định/ít stress hơn.
  var fatCap = wsMaxSessionFatigue(experienceLevel, energyStatus);
  var fguard=0;
  while(wsSessionFatigue(items, goal) > fatCap && fguard++<20){
    var hiF=-1, hi=-1;
    for(var fi=1; fi<items.length; fi++){ if(items[fi].exercise.type==="compound_free_weight"){ var fb=wsFatigueBase(items[fi].exercise); if(fb>hiF){ hiF=fb; hi=fi; } } }
    if(hi<0) break; // không còn compound tự do nào (ngoài opener) để hạ -> chấp nhận
    var srcRegF=items[hi].exercise.region;
    var tcMF=function(e){ return goal==="strength"?e.time_coefficient_strength_min:e.time_coefficient_hypertrophy_min; };
    var mAlt=WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===items[hi].exercise.primary_muscle.name && e.type==="compound_machine" && !WS_NEVER_AUTO_PICK[e.exercise_id]; })
      .sort(function(a,b){ return (wsRegionMatch(b,focusRegionBias)?1:0)-(wsRegionMatch(a,focusRegionBias)?1:0) || ((b.region===srcRegF)?1:0)-((a.region===srcRegF)?1:0) || (tcMF(a)-tcMF(b)) || wsSfrScore(b)-wsSfrScore(a); })[0];
    if(!mAlt) break;
    downgrades.push(items[hi].exercise.name+" → "+mAlt.name+" (giảm mệt mỏi hệ thống)");
    items[hi]=Object.assign({}, items[hi], {exercise:mAlt});
  }
  items=wsDedupeItems(items); total=timeFor(items);

  // Dọn superset mồ côi (partner bị Bước 4/6 loại bỏ) — không để 1 bài hiện superset mà không còn cặp
  var groupCounts={};
  items.forEach(function(it){ if(it.superset_group!==undefined) groupCounts[it.superset_group]=(groupCounts[it.superset_group]||0)+1; });
  items.forEach(function(it){ if(it.superset_group!==undefined && groupCounts[it.superset_group]<2){ it.superset=false; it.superset_group=undefined; } });

  // Gộp mỗi cặp superset thành 1 "khối" di chuyển cùng nhau (để UI vẽ chung 1 khung), đồng thời áp lại luật
  // tránh pre-exhaustion ở cấp khối — việc ghép superset ở Bước 2 có thể phá vỡ thứ tự an toàn đã tính trước đó,
  // nên phải chạy lại ở đây, nhưng không cho khối rã cặp (2 bài trong 1 cặp luôn di chuyển cùng nhau).
  items=wsAvoidPreExhaustionBlocks(items);
  wsEqualizeSupersetSets(items); // 2 bài cùng cặp superset phải bằng nhau về số set — các bước cắt set ở trên có thể đã làm lệch

  // TÁI ÁP bài mở màn — đảm bảo bài nhóm MỤC TIÊU (hoặc big-3 nếu không focus) luôn đứng đầu buổi dù pre-exhaustion đã xáo lại.
  // Bài mở màn ưu tiên không nằm trong superset (không ghép bài linh hồn buổi tập) -> tách nếu lỡ bị ghép.
  items=wsEnsureCompoundOpener(items, focusMuscles, goal, focusRegionBias);
  if(items[0] && items[0].superset){ var og=items[0].superset_group; items[0].superset=false; items[0].superset_group=undefined;
    var gc={}; items.forEach(function(ex){ if(ex.superset_group!==undefined) gc[ex.superset_group]=(gc[ex.superset_group]||0)+1; });
    items.forEach(function(ex){ if(ex.superset_group!==undefined && gc[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
  }
  // XEN KẼ ĐẨY/KÉO (thân trên) & ĐÙI TRƯỚC/ĐÙI SAU (thân dưới) SAU KHI opener đã chốt — giữ opener index 0, xen kẽ phần còn lại.
  items=wsAlternateAntagonists(items);

  return {items:items, totalMinutes:Math.round(total), overBudget: total>sessionDurationMax, downgrades:downgrades};
}
// Xen kẽ hệ ĐỐI KHÁNG: thân trên đẩy(A)/kéo(B); thân dưới đùi trước(A)/đùi sau+mông(B). Không để 2 bài cùng hệ liên tiếp.
// Giữ bài mở màn (index 0) ở đầu; cặp superset coi như 1 KHỐI di chuyển cùng nhau (phân hệ theo bài đầu cặp).
var WS_ANTAGONIST_A = {nguc:1, vai_truoc:1, vai_giua:1, tay_sau:1, dui_truoc:1};        // hệ ĐẨY / đùi trước
var WS_ANTAGONIST_B = {lung:1, vai_sau:1, tay_truoc:1, trap1:1, trap2:1, trap3:1, dui_sau:1, mong:1}; // hệ KÉO / đùi sau
function wsAlternateAntagonists(items){
  if(items.length<=2) return items;
  // gom thành khối (superset pair = 1 khối)
  var blocks=[], used={};
  items.forEach(function(it,i){
    if(used[i]) return;
    if(it.superset_group!==undefined){ for(var j=i+1;j<items.length;j++){ if(!used[j] && items[j].superset_group===it.superset_group){ used[i]=used[j]=true; blocks.push([it,items[j]]); return; } } }
    used[i]=true; blocks.push([it]);
  });
  function grp(b){ var m=b[0].muscle; if(WS_ANTAGONIST_A[m]) return "A"; if(WS_ANTAGONIST_B[m]) return "B"; return "C"; } // C = trung tính
  // BẬC NGỐN CNS (thấp = tập TRƯỚC khi còn khỏe): compound tự do 0 < compound máy 1 < SUPERSET 2 < isolation đơn 3.
  // -> mọi compound đứng TRƯỚC superset (không có compound nào sau superset — sau cp+superset thì CNS không đủ cho compound nữa).
  function tier(b){ if(b.length===2) return 2; var eo=wsExObj(b[0]); var ty=eo?eo.type:"isolation"; if(ty==="compound_free_weight") return 0; if(ty==="compound_machine") return 1; return 3; }
  var opener=blocks[0], rest=blocks.slice(1);
  var byTier={0:[],1:[],2:[],3:[]}; rest.forEach(function(b){ byTier[tier(b)].push(b); });
  var out=[opener]; var lastGrp=grp(opener);
  [0,1,2,3].forEach(function(tr){
    var arr=byTier[tr];
    while(arr.length){
      // trong bậc: ưu tiên khối hệ ĐỐI KHÁNG với khối trước (xen kẽ đẩy/kéo), C (trung tính) không đổi lastGrp
      var idx=-1;
      for(var k=0;k<arr.length;k++){ if(grp(arr[k])!=="C" && grp(arr[k])!==lastGrp){ idx=k; break; } }
      if(idx<0){ for(var k2=0;k2<arr.length;k2++){ if(grp(arr[k2])!=="C"){ idx=k2; break; } } }
      if(idx<0) idx=0;
      var b=arr.splice(idx,1)[0]; out.push(b); if(grp(b)!=="C") lastGrp=grp(b);
    }
  });
  return out.reduce(function(acc,b){ return acc.concat(b); }, []);
}
function wsAvoidPreExhaustionBlocks(items){
  var blocks=[]; var used={};
  items.forEach(function(it,i){
    if(used[i]) return;
    if(it.superset_group!==undefined){
      var partnerIdx=-1;
      for(var j=i+1;j<items.length;j++){ if(!used[j] && items[j].superset_group===it.superset_group){ partnerIdx=j; break; } }
      if(partnerIdx>=0){ used[i]=true; used[partnerIdx]=true; blocks.push([it, items[partnerIdx]]); return; }
    }
    used[i]=true; blocks.push([it]);
  });
  function isoMusclesOf(block){ return block.filter(function(it){ return it.exercise.type==="isolation"; }).map(function(it){ return it.muscle; }); }
  function blockConflictsAsCompound(block, muscle){ return block.some(function(it){ return it.exercise.type!=="isolation" && (it.exercise.fractional_muscles||[]).some(function(fm){ return fm.name===muscle; }); }); }
  function wsBlocksSignature(bs){ return bs.map(function(b){ return b.map(function(x){ return x.exercise.exercise_id; }).join(","); }).join("|"); }
  var moved=true, guard=0; var seenSignatures={};
  while(moved && guard<40){
    moved=false; guard++;
    // Phát hiện 2 cặp xung đột CHÉO nhau (A cần sau B, B cũng cần sau A) — không có thứ tự tuyến tính nào thỏa cả hai, dừng lại thay vì hoán đổi vô hạn
    var sig=wsBlocksSignature(blocks);
    if(seenSignatures[sig]) break;
    seenSignatures[sig]=true;
    for(var i=0;i<blocks.length;i++){
      var isoMuscles=isoMusclesOf(blocks[i]);
      if(!isoMuscles.length) continue;
      var lastConflict=-1;
      for(var j=i+1;j<blocks.length;j++){
        if(isoMuscles.some(function(m){ return blockConflictsAsCompound(blocks[j], m); })) lastConflict=j;
      }
      if(lastConflict>=0){
        var b=blocks.splice(i,1)[0];
        blocks.splice(lastConflict,0,b);
        moved=true; break;
      }
    }
  }
  var flat=[]; blocks.forEach(function(b){ b.forEach(function(it){ flat.push(it); }); });
  return flat;
}

// Orchestrator: sinh 1 tuần lịch hoàn chỉnh theo schema mục 1.2
function wsGenerateWeek(inputs, blockIndex, weekIndex, mesoWeeks){
  var split=wsComputeSessionSplit(inputs.frequency, inputs.goal, inputs.focus_muscle_groups);
  var splitDaysForThisMuscle={};
  split.forEach(function(d){ d.muscles.forEach(function(m){ splitDaysForThisMuscle[m]=(splitDaysForThisMuscle[m]||0)+1; }); });
  var volumeMap=wsAllocateVolumePerMuscle(split, inputs.energy_status, inputs.experience_level, inputs.goal, inputs.focus_muscle_groups, weekIndex, mesoWeeks);
  wsValidateVolume(volumeMap); // ràng buộc cứng — throw nếu sai
  var weekRegionUsage={}; // theo dõi vùng (region) đã dùng XUYÊN SUỐT cả tuần cho từng nhóm cơ chung (Ngực/Xô), không reset theo từng buổi — để 2 buổi Ngực/tuần không cùng random trúng 1 vùng
  var days=split.map(function(d){
    var picked=wsPickExercisesForSession(d.muscles, volumeMap, splitDaysForThisMuscle, inputs.goal, inputs.focus_muscle_groups, inputs.equipment, inputs.focus_region_bias, weekRegionUsage, d.injected);
    var timeResult=wsComputeSessionTime(picked, inputs.goal, inputs.session_duration_max, inputs.experience_level, inputs.energy_status, inputs.focus_muscle_groups, inputs.focus_region_bias);
    var exercises=timeResult.items.map(function(it){
      var rr=wsRepRangeAndRPE(it.exercise, inputs.goal, weekIndex, mesoWeeks, inputs.experience_level);
      return {
        exercise: it.exercise.name,
        exercise_id: it.exercise.exercise_id,
        pattern: it.exercise.pattern,
        muscle: it.muscle,
        alternatives: wsAlternativesFor(it.exercise.exercise_id).map(function(e){ return e.name; }),
        sets: it.sets,
        reps: rr.reps,
        load: "RPE "+rr.rpe,
        rpe: rr.rpe,
        rest_seconds: wsRestSecondsFor(it.exercise.type, inputs.goal),
        superset: !!it.superset,
        superset_group: it.superset_group,
        note: it.exercise.type==="compound_free_weight"?"Compound chính buổi.":"", // KHÔNG ghi superset ở đây — trạng thái cặp có thể đổi sau; UI tự hiện nhãn "🔗 Cặp superset" theo superset_group THẬT
        video_url: it.exercise.video_url||""
      };
    });
    return {block:blockIndex, week:weekIndex+1, day:d.index+1, session_name:d.label, exercises:exercises, estimated_minutes:timeResult.totalMinutes, downgrades:timeResult.downgrades};
  });
  wsCapVolumeAtMRV(days, volumeMap, inputs.goal, inputs.session_duration_max); // RÀNG BUỘC CỨNG: tổng (set chính + set phụ hiệp phân số) không bao giờ vượt MRV, và không bao giờ lố quỹ thời gian
  wsBalanceSessionTimes(days, inputs.goal, inputs.session_duration_max); // Dàn đều thời lượng các buổi trong tuần — không để 1 buổi quá dài trong khi buổi khác quá ngắn
  return {days:days, volumeMap:volumeMap};
}

// Dàn đều thời lượng (estimated_minutes) giữa các buổi trong tuần: buổi nào dài hơn hẳn mức trung bình tuần sẽ bị cắt bớt set của bài ưu tiên thấp nhất (isolation cuối buổi trước, rồi tới compound)
// để kéo gần về mức trung bình — tương tự cách "ép quỹ thời gian tuyệt đối" đã làm ở wsCapVolumeAtMRV, chỉ khác ngưỡng là TRUNG BÌNH TUẦN thay vì trần tuyệt đối của người dùng.
// Không "bù thêm" volume cho buổi ngắn (rủi ro vi phạm MEV/MRV/thiết bị) — chỉ kéo buổi dài xuống, giúp phân bổ đồng đều hơn theo đúng tinh thần "không có buổi nào quá dài cũng không có buổi nào quá ngắn".
// PHỦ ĐỦ NHÓM CƠ: chọn index bài để BỎ, ưu tiên bài THỪA (nhóm cơ còn bài khác) -> không bao giờ xóa bài duy nhất của 1 nhóm cơ
// trừ khi mọi ứng viên đều là bài duy nhất (buổi quá ngắn cho số nhóm cơ). Trả -1 nếu không còn ứng viên hợp lệ.
function wsCoverDropIdx(arr, okFn, fromIdx){
  function mcount(mus){ var c=0; for(var i=0;i<arr.length;i++){ if(arr[i].muscle===mus) c++; } return c; }
  var soleIdx=-1;
  for(var k=arr.length-1;k>=(fromIdx||0);k--){ if(okFn && !okFn(arr[k])) continue; if(mcount(arr[k].muscle)>1) return k; if(soleIdx<0) soleIdx=k; }
  return soleIdx;
}
function wsBalanceSessionTimes(days, goal, sessionDurationMax){
  var trained=days.filter(function(d){ return d.exercises.length>0; });
  if(trained.length<2) return;
  var avg=trained.reduce(function(s,d){ return s+d.estimated_minutes; },0)/trained.length;
  var tolerance=Math.max(10, Math.round(avg*0.15)); // dung sai 15% (tối thiểu 10 phút) — tránh cắt vặt vãnh vì chênh lệch nhỏ là bình thường
  var cfg=wsGetConfig(); var coef=cfg.timeCoef[goal]||cfg.timeCoef.hypertrophy;
  function typeOf(ex){ var eo=WS_EXERCISE_DB.find(function(e){return e.exercise_id===ex.exercise_id;}); return eo?eo.type:"isolation"; }
  function perSetOf(ex){ return wsPerSetMinutes(typeOf(ex), goal); }
  function overheadOf(ex){ return wsExerciseOverheadMin(typeOf(ex), goal); }
  trained.forEach(function(d){
    var target=avg+tolerance;
    if(d.estimated_minutes<=target) return;
    var t=d.estimated_minutes;
    function cutFrom(typeFilter, protectFirst){
      var cutIdx=d.exercises.length-1;
      while(t>target && cutIdx>=(protectFirst?1:0)){
        var ci=d.exercises[cutIdx];
        if(typeFilter(ci) && ci.sets>2){
          var reduce=Math.min(ci.sets-2, Math.ceil((t-target)/perSetOf(ci)));
          if(reduce>0){ ci.sets-=reduce; t-=reduce*perSetOf(ci); }
        }
        cutIdx--;
      }
    }
    var isIsolation=function(ex){ return typeOf(ex)==="isolation"; };
    var isCompound=function(ex){ return !isIsolation(ex); };
    cutFrom(isIsolation, false);
    if(t>target) cutFrom(isCompound, true); // không đụng bài mở màn (index 0)
    // bỏ hẳn bài isolation dư nếu vẫn còn (GIỮ PHỦ ĐỦ nhóm cơ — chỉ bỏ bài mà nhóm cơ còn bài khác) — trừ cả phụ phí bài
    while(t>target){
      var di=wsCoverDropIdx(d.exercises, function(ex){ return isIsolation(ex); }, 1);
      if(di<0) break;
      var last=d.exercises[di];
      t-=overheadOf(last)+last.sets*perSetOf(last);
      d.exercises.splice(di,1);
    }
    if(t!==d.estimated_minutes){
      var gc={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined) gc[ex.superset_group]=(gc[ex.superset_group]||0)+1; });
      d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined && gc[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
      wsEqualizeSupersetSets(d.exercises); // 2 bài cùng cặp phải bằng set nhau — bước cắt set ở trên có thể đã làm lệch
      var byGroup={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined){ (byGroup[ex.superset_group]=byGroup[ex.superset_group]||[]).push(ex); } });
      var t2=WS_GENERAL_WARMUP_MIN; d.exercises.forEach(function(ex){ t2+=overheadOf(ex)+ex.sets*perSetOf(ex); });
      Object.keys(byGroup).forEach(function(g){ var pair=byGroup[g]; if(pair.length===2) t2-=Math.min(pair[0].sets,pair[1].sets)*coef.supersetReduction; });
      d.estimated_minutes=Math.round(t2);
      d.downgrades=(d.downgrades||[]).concat(["Cắt bớt để dàn đều thời lượng buổi trong tuần (buổi này vốn dài hơn hẳn trung bình)"]);
    }
  });
}

// Không cho TỔNG khối lượng thực tế (set chính + set phụ hiệp phân số, xem wsSummarizeSetsByMuscle) của bất kỳ nhóm cơ nào vượt MRV/tuần.
// Chỉ cắt SET CHÍNH của các bài thuộc nhóm cơ đang vượt (ưu tiên cắt từ bài nhiều set nhất trước), bỏ hẳn bài nếu về 0 set — không đụng tới bài của nhóm cơ khác.
function wsCapVolumeAtMRV(days, volumeMap, goal, sessionDurationMax){
  var allEx=days.reduce(function(acc,d){ return acc.concat(d.exercises); },[]);
  var summary=wsSummarizeSetsByMuscle(allEx);
  summary.forEach(function(row){
    var vm=volumeMap[row.muscle]; if(!vm) return;
    var excess=row.sets-vm.mrv;
    if(excess<=0) return;
    // Bước 1a: cắt SET CHÍNH của các bài thuộc chính nhóm cơ đang vượt (bài nhiều set nhất trước) — chỉ cắt xuống TỐI THIỂU 2 set/bài, không bao giờ để lại đúng 1 set
    var ownCandidates=allEx.filter(function(ex){ return ex.muscle===row.muscle; }).sort(function(a,b){ return b.sets-a.sets; });
    for(var i=0;i<ownCandidates.length && excess>0;i++){
      var reduce=Math.min(ownCandidates[i].sets-2, Math.ceil(excess));
      if(reduce>0){ ownCandidates[i].sets-=reduce; excess-=reduce; }
    }
    // Bước 1b: vẫn còn dư dù mọi bài đã về sàn 2 set -> bỏ hẳn bài (về 0), ưu tiên bỏ bài ít set nhất trước
    for(var i1=ownCandidates.length-1;i1>=0 && excess>0;i1--){
      if(ownCandidates[i1].sets>0){ excess-=ownCandidates[i1].sets; ownCandidates[i1].sets=0; }
    }
    // Bước 2a: vẫn còn dư (thường do phần lớn khối lượng đến từ SET PHỤ của bài thuộc nhóm cơ khác, ví dụ vai trước chỉ nhận fractional từ bench/OHP)
    // -> cắt set của bài đóng góp fractional NHIỀU nhất cho nhóm cơ này (xuống tối thiểu 2 set), dù bài đó thuộc nhóm cơ target khác.
    if(excess>0){
      var fracCandidates=allEx.map(function(ex){
        var exObj=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===ex.exercise_id; });
        var fm=exObj && (exObj.fractional_muscles||[]).find(function(f){ return f.name===row.muscle; });
        return (fm && ex.sets>0) ? {ex:ex, coef:fm.coefficient} : null;
      }).filter(Boolean).sort(function(a,b){ return b.coef-a.coef || b.ex.sets-a.ex.sets; });
      for(var j=0;j<fracCandidates.length && excess>0;j++){
        var item=fracCandidates[j];
        var reduceSets=Math.min(item.ex.sets-2, Math.ceil(excess/item.coef));
        if(reduceSets>0){ item.ex.sets-=reduceSets; excess-=reduceSets*item.coef; }
      }
      // Bước 2b: vẫn còn dư -> bỏ hẳn bài đóng góp fractional (đã về sàn 2), ít set nhất trước
      for(var j2=fracCandidates.length-1;j2>=0 && excess>0;j2--){
        if(fracCandidates[j2].ex.sets>0){ excess-=fracCandidates[j2].ex.sets*fracCandidates[j2].coef; fracCandidates[j2].ex.sets=0; }
      }
    }
  });
  // Bỏ hẳn bài về 0 set; dọn superset mồ côi nếu partner bị bỏ; tính lại thời lượng buổi (kèm phần tiết kiệm do superset) vì set có thể đã giảm
  var cfg=wsGetConfig(); var coef=cfg.timeCoef[goal]||cfg.timeCoef.hypertrophy;
  days.forEach(function(d){
    d.exercises=d.exercises.filter(function(ex){ return ex.sets>0; });
    var groupCounts={};
    d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined) groupCounts[ex.superset_group]=(groupCounts[ex.superset_group]||0)+1; });
    d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined && groupCounts[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
    wsEqualizeSupersetSets(d.exercises); // 2 bài cùng cặp phải bằng set nhau — bước cắt theo MRV ở trên có thể đã làm lệch
    var t=WS_GENERAL_WARMUP_MIN;
    d.exercises.forEach(function(ex){
      var exObj=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===ex.exercise_id; });
      var type=exObj?exObj.type:"isolation";
      t+=wsExerciseOverheadMin(type,goal)+ex.sets*wsPerSetMinutes(type,goal); // phụ phí bài + set chính×(thực hiện+nghỉ)
    });
    // Trừ lại phần tiết kiệm thời gian do ghép superset (min(sets 2 bài trong cặp) * hệ số giảm) — nếu không trừ, thời lượng bị tính cao hơn thực tế
    var byGroup={};
    d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined){ (byGroup[ex.superset_group]=byGroup[ex.superset_group]||[]).push(ex); } });
    Object.keys(byGroup).forEach(function(g){
      var pair=byGroup[g];
      if(pair.length===2) t-=Math.min(pair[0].sets,pair[1].sets)*coef.supersetReduction;
    });
    // Ép lại quỹ thời gian tuyệt đối (mục "không được lố") — việc cắt set theo MRV có thể làm cấu trúc buổi thay đổi, kiểm tra lại lần cuối
    if(sessionDurationMax && t>sessionDurationMax){
      function typeOf2(ex){ var eo=WS_EXERCISE_DB.find(function(e){return e.exercise_id===ex.exercise_id;}); return eo?eo.type:"isolation"; }
      function perSetOf(ex){ return wsPerSetMinutes(typeOf2(ex), goal); }
      var cutIdx=d.exercises.length-1;
      while(t>sessionDurationMax && cutIdx>=0){
        var ci=d.exercises[cutIdx];
        if(ci.sets>2){ var reduce2=Math.min(ci.sets-2, Math.ceil((t-sessionDurationMax)/perSetOf(ci))); if(reduce2>0){ ci.sets-=reduce2; t-=reduce2*perSetOf(ci); } }
        cutIdx--;
      }
      while(t>sessionDurationMax){
        var di2=wsCoverDropIdx(d.exercises, null, 1); // GIỮ PHỦ ĐỦ nhóm cơ: ưu tiên bỏ bài thừa, bảo vệ bài mở màn (index 0)
        if(di2<0) break;
        var last2=d.exercises[di2];
        t-=wsExerciseOverheadMin(typeOf2(last2),goal)+last2.sets*perSetOf(last2);
        d.exercises.splice(di2,1);
      }
      // dọn superset mồ côi lần nữa nếu bước ép giờ vừa xoá mất 1 bên của cặp
      var gc2={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined) gc2[ex.superset_group]=(gc2[ex.superset_group]||0)+1; });
      d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined && gc2[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
    }
    d.estimated_minutes=Math.round(t);
  });
}

// Bảng tổng kết số set theo PHƯƠNG PHÁP HIỆP PHÂN SỐ (Fractional Set — mục 2.3 của spec, theo Pelland et al. 2026):
// mỗi bài tập tính 1 set ĐẦY ĐỦ (hệ số 1.0) cho nhóm cơ chính (target), và cộng thêm set QUY ĐỔI (theo coefficient trong fractional_muscles,
// ví dụ Chest Press = 1 set Ngực (chính) + 0.5 set Vai trước + 0.5 set Tay sau (phụ)) cho các nhóm cơ hỗ trợ.
// direct = chỉ tính set target (dùng để đối chiếu MEV/MRV lúc lên lịch — xem wsAllocateVolumePerMuscle); total = direct + fractional (tổng kích thích thực tế nhóm cơ nhận được).
function wsSummarizeSetsByMuscle(exercises){
  var byMuscle={}; // {muscle: {direct, fractional}}
  function add(m, field, amount){
    if(!byMuscle[m]) byMuscle[m]={direct:0, fractional:0};
    byMuscle[m][field]+=amount;
  }
  exercises.forEach(function(ex){
    add(ex.muscle, "direct", ex.sets);
    var exObj=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===ex.exercise_id; });
    if(exObj && exObj.fractional_muscles){
      exObj.fractional_muscles.forEach(function(fm){
        if(fm.name===ex.muscle) return; // tránh cộng đôi nếu trùng chính nhóm cơ target
        add(fm.name, "fractional", ex.sets*fm.coefficient);
      });
    }
  });
  return Object.keys(byMuscle).map(function(m){
    var d=Math.round(byMuscle[m].direct*10)/10, f=Math.round(byMuscle[m].fractional*10)/10;
    return {muscle:m, label:WS_MUSCLE_LABEL[m]||m, direct:d, fractional:f, sets:Math.round((d+f)*10)/10};
  }).sort(function(a,b){ return b.sets-a.sets; });
}

// TRÁNH TRÙNG MẪU CHUYỂN ĐỘNG trong 1 buổi: nếu 2 bài cùng pattern -> đổi bài thứ 2 sang bài CÙNG NHÓM CƠ có pattern CHƯA dùng (hợp thiết bị, không never-pick).
function wsDedupePatternsWeek(days, equipmentOwned, goal, focusRegionBias, injuredIds, weekIndex, mesoWeeks, experienceLevel, isDeloadWeek){
  function eqOk(e){ return !equipmentOwned || !equipmentOwned.length || e.equipment_required.every(function(q){ return q==="bodyweight" || equipmentOwned.indexOf(q)>=0; }); }
  var injSet={}; (injuredIds||[]).forEach(function(id){ injSet[id]=1; });
  days.forEach(function(d){
    var firstIdxOfPat={}; var toRemove=[];
    d.exercises.forEach(function(ex, idx){
      if(firstIdxOfPat[ex.pattern]===undefined){ firstIdxOfPat[ex.pattern]=idx; return; }
      // TRÙNG pattern -> ưu tiên đổi bài thứ 2 sang pattern KHÁC (cùng nhóm cơ, hợp thiết bị) — ưu tiên bài KHỚP VÙNG focus rồi SFR
      var usedIds=d.exercises.map(function(e){ return e.exercise_id; });
      var alt=(idx>0) ? WS_EXERCISE_DB.filter(function(e){
        return e.primary_muscle.name===ex.muscle && firstIdxOfPat[e.pattern]===undefined && usedIds.indexOf(e.exercise_id)<0
          && !injSet[e.exercise_id] && !WS_NEVER_AUTO_PICK[e.exercise_id] && (!WS_STRENGTH_ONLY_ANCHOR[e.exercise_id] || goal==="strength") && eqOk(e);
      }).sort(function(a,b){ return (wsRegionMatch(b,focusRegionBias)?1:0)-(wsRegionMatch(a,focusRegionBias)?1:0) || wsSfrScore(b)-wsSfrScore(a); })[0] : null;
      if(alt){ var fin=wsFinalizeSwappedSlot(alt, goal, weekIndex, mesoWeeks, experienceLevel, isDeloadWeek);
        d.exercises[idx]=Object.assign({}, ex, {exercise:alt.name, exercise_id:alt.exercise_id, pattern:alt.pattern, region:alt.region, alternatives:wsAlternativesFor(alt.exercise_id).map(function(x){return x.name;}), video_url:alt.video_url||"", reps:fin.reps, rpe:fin.rpe, load:fin.load, rest_seconds:fin.rest_seconds}); firstIdxOfPat[alt.pattern]=idx; }
      else { // hết pattern khác -> GỘP vào bài cùng chuyển động đầu tiên (cộng set, tối đa WS_MAX_SETS_PER_EXERCISE) rồi bỏ bài trùng
        var fi=firstIdxOfPat[ex.pattern];
        d.exercises[fi].sets=Math.min(WS_MAX_SETS_PER_EXERCISE, d.exercises[fi].sets+ex.sets);
        toRemove.push(idx);
      }
    });
    toRemove.sort(function(a,b){ return b-a; }).forEach(function(i){ d.exercises.splice(i,1); });
    // dọn superset mồ côi nếu bài bị gộp/xóa từng thuộc 1 cặp
    var gc={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined) gc[ex.superset_group]=(gc[ex.superset_group]||0)+1; });
    d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined && gc[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
  });
}

// TRÁNH TRÙNG BÀI TRONG TUẦN: nếu 1 bài xuất hiện ở >1 buổi, đổi các lần sau sang bài CÙNG NHÓM CƠ chưa dùng trong tuần (ưu tiên pattern chưa dùng trong buổi đó).
// KHÔNG được trùng bài giữa các buổi trong tuần (kể cả compound, vd Bench Press không lặp cả 2 buổi Thân trên) — trừ khi khách
// tự đổi lại ở "Đổi bài". Ưu tiên đổi sang bài CÙNG NHÓM CHUYỂN ĐỘNG (WS_ALT_GROUP/pattern — vd Back Squat buổi 1 -> Front Squat/
// Hack Squat buổi 2, cùng mục đích chỉ khác dụng cụ/tư thế) trước khi nới ra toàn bộ bài cùng cơ, để vẫn giữ đặc hiệu vận động.
function wsDedupeExercisesWeek(days, equipmentOwned, goal, focusRegionBias, injuredIds, weekIndex, mesoWeeks, experienceLevel, isDeloadWeek, focusMuscles){
  // SPECIALIZATION: nhóm cơ FOCUS được phép LẶP CÙNG BÀI giữa các buổi trong tuần — kho isolation của vài nhóm rất mỏng
  // (vd vai trước chỉ có 2 bài front raise) mà tần suất focus 4-5 buổi/tuần; cấm trùng sẽ làm HẾT BÀI -> volume tụt dưới target.
  var focusRepeatOk={}; if(goal==="focus") (focusMuscles||[]).forEach(function(mf){ focusRepeatOk[mf]=1; });
  function eqOk(e){ return !equipmentOwned||!equipmentOwned.length||e.equipment_required.every(function(q){return q==="bodyweight"||equipmentOwned.indexOf(q)>=0;}); }
  var injSet={}; (injuredIds||[]).forEach(function(id){ injSet[id]=1; });
  var weekCount={}; days.forEach(function(d){ d.exercises.forEach(function(x){ weekCount[x.exercise_id]=(weekCount[x.exercise_id]||0)+1; }); });
  var seen={};
  function isBig3(id){ return goal==="strength" && (id==="squat"||id==="barbell_bench_press"||id==="deadlift"); }
  days.forEach(function(d){
    d.exercises.forEach(function(x,i){
      if(!seen[x.exercise_id]){ seen[x.exercise_id]=1; return; } // lần đầu trong tuần -> giữ
      if(isBig3(x.exercise_id)){ seen[x.exercise_id]=1; return; } // big-3 do wsPlaceBig3Week quản lý riêng (đúng 1 lần/tuần/bài) — không đụng ở đây
      if(focusRepeatOk[x.muscle]){ return; } // nhóm FOCUS: cho phép lặp cùng bài giữa các buổi (tần suất cao specialization)
      var _exo=WS_EXERCISE_DB.find(function(e){return e.exercise_id===x.exercise_id;});
      var isComp = !!(_exo && _exo.type!=="isolation");
      var dayPat={}; d.exercises.forEach(function(y,j){ if(j!==i) dayPat[y.pattern]=1; });
      // Ưu tiên 1: bài CÙNG NHÓM CHUYỂN ĐỘNG (khác dụng cụ/tư thế, cùng mục đích) — vd squat/deadlift family.
      var grp = _exo ? wsAltGroupOf(_exo) : null;
      var familyPool = _exo ? WS_EXERCISE_DB.filter(function(e){ return wsAltGroupOf(e)===grp && e.exercise_id!==x.exercise_id && !weekCount[e.exercise_id] && !injSet[e.exercise_id] && !WS_NEVER_AUTO_PICK[e.exercise_id] && (!WS_STRENGTH_ONLY_ANCHOR[e.exercise_id]||goal==="strength") && eqOk(e); }) : [];
      // Ưu tiên 2 (nếu hết nhóm chuyển động): bài KHÁC cùng nhóm cơ, cùng LOẠI (compound giữ compound, isolation giữ isolation) — tránh hạ cấp kích thích khi bị buộc đổi.
      var pool=WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===x.muscle && (isComp ? e.type!=="isolation" : true) && !weekCount[e.exercise_id] && !injSet[e.exercise_id] && !WS_NEVER_AUTO_PICK[e.exercise_id] && (!WS_STRENGTH_ONLY_ANCHOR[e.exercise_id]||goal==="strength") && eqOk(e); });
      var poolNoPat=pool.filter(function(e){ return !dayPat[e.pattern]; });
      var useable = familyPool.length ? familyPool : (poolNoPat.length?poolNoPat:pool);
      var alt=useable.sort(function(a,b){ return (wsRegionMatch(b,focusRegionBias)?1:0)-(wsRegionMatch(a,focusRegionBias)?1:0) || wsSfrScore(b)-wsSfrScore(a); })[0];
      if(alt){ var old=d.exercises[i]; var fin=wsFinalizeSwappedSlot(alt, goal, weekIndex, mesoWeeks, experienceLevel, isDeloadWeek);
        d.exercises[i]=Object.assign({}, old, {exercise:alt.name, exercise_id:alt.exercise_id, pattern:alt.pattern, region:alt.region, alternatives:wsAlternativesFor(alt.exercise_id).map(function(z){return z.name;}), video_url:alt.video_url||"", superset:false, superset_group:undefined, reps:fin.reps, rpe:fin.rpe, load:fin.load, rest_seconds:fin.rest_seconds}); weekCount[alt.exercise_id]=1; seen[alt.exercise_id]=1; }
      else seen[x.exercise_id]=1; // hết bài thay -> đành giữ (nhóm cơ ít bài/ít lựa chọn) — chấp nhận trùng còn hơn ép đổi bừa
    });
    // dọn superset mồ côi sau khi swap (1 bên cặp bị đổi -> tách cặp)
    var gcd={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined) gcd[ex.superset_group]=(gcd[ex.superset_group]||0)+1; });
    d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined && gcd[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
  });
}

// SÀN TỐI THIỂU BÀI/BUỔI (chạy trên TUẦN): nếu 1 buổi có <WS_MIN_EXERCISES_PER_SESSION bài (thường gặp ở STRENGTH tần suất cao —
// volume thấp bị chia mỏng khiến nhiều nhóm cơ đơn khớp về 0 bài), THÊM bài phụ tốt nhất (SFR) từ TOÀN KHO cho các nhóm cơ của buổi đó,
// ưu tiên nhóm cơ CHƯA có bài. Không trùng bài trong tuần, không trùng mẫu chuyển động trong buổi. Mỗi bài thêm 2 set (tối thiểu).
function wsTopUpMinExercisesWeek(days, equipmentOwned, goal, w, mesoWeeks, experienceLevel, focusRegionBias, injuredIds, isDeloadWeek){
  function eqOk(e){ return !equipmentOwned||!equipmentOwned.length||e.equipment_required.every(function(q){return q==="bodyweight"||equipmentOwned.indexOf(q)>=0;}); }
  var injSet={}; (injuredIds||[]).forEach(function(id){ injSet[id]=1; });
  var labelToType={}; Object.keys(WS_DAY_LABEL).forEach(function(t){ labelToType[WS_DAY_LABEL[t]]=t; });
  var weekIds={}; days.forEach(function(d){ d.exercises.forEach(function(x){ weekIds[x.exercise_id]=1; }); });
  days.forEach(function(d){
    if(d.exercises.length>=WS_MIN_EXERCISES_PER_SESSION) return;
    var dayType=labelToType[d.session_name];
    var muscles=(WS_DAY_TYPE_MUSCLES[dayType]||[]).slice();
    if(!muscles.length){ var sn={}; d.exercises.forEach(function(x){ if(!sn[x.muscle]){sn[x.muscle]=1; muscles.push(x.muscle);} }); }
    var have={}; d.exercises.forEach(function(x){ have[x.muscle]=(have[x.muscle]||0)+1; });
    var order=muscles.filter(function(m){return !have[m];}).concat(muscles.filter(function(m){return have[m];}));
    var guard=0;
    while(d.exercises.length<WS_MIN_EXERCISES_PER_SESSION && guard++<16){
      var added=false;
      for(var oi=0; oi<order.length && d.exercises.length<WS_MIN_EXERCISES_PER_SESSION; oi++){
        var m=order[oi]; var dayPat={}; d.exercises.forEach(function(y){ dayPat[y.pattern]=1; });
        var cand=WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===m && !weekIds[e.exercise_id] && !injSet[e.exercise_id] && !dayPat[e.pattern] && !WS_NEVER_AUTO_PICK[e.exercise_id] && (!WS_STRENGTH_ONLY_ANCHOR||!WS_STRENGTH_ONLY_ANCHOR[e.exercise_id]||goal==="strength") && eqOk(e); })
          .sort(function(a,b){ return (wsRegionMatch(b,focusRegionBias)?1:0)-(wsRegionMatch(a,focusRegionBias)?1:0) || wsSfrScore(b)-wsSfrScore(a); })[0];
        if(cand){ var fin=wsFinalizeSwappedSlot(cand, goal, w, mesoWeeks, experienceLevel, isDeloadWeek);
          d.exercises.push({block:1, week:w+1, day:d.day, session_name:d.session_name, exercise:cand.name, exercise_id:cand.exercise_id, pattern:cand.pattern, muscle:m, region:cand.region,
            sets:2, reps:fin.reps, rpe:fin.rpe, load:fin.load, rest_seconds:fin.rest_seconds,
            alternatives:wsAlternativesFor(cand.exercise_id).map(function(z){return z.name;}), video_url:cand.video_url||"", note:isDeloadWeek?"Tuần deload.":"", superset:false, superset_group:undefined});
          weekIds[cand.exercise_id]=1; added=true;
        }
      }
      if(!added) break;
    }
  });
}

// STRENGTH: đặt BIG 3 hợp lý — mỗi bài (squat/bench/deadlift) XUẤT HIỆN ĐÚNG 1 LẦN/tuần, trên buổi KHÁC NHAU, TỐI ĐA 1 big-3/buổi
// (không squat+deadlift chung buổi — để chừa chỗ cho bài bổ trợ), và không lặp big-3 trong tuần.
function wsPlaceBig3Week(days, goal, equipmentOwned, injuredIds, weekIndex, mesoWeeks, experienceLevel, isDeloadWeek){
  if(goal!=="strength") return;
  function eqOk(e){ return !equipmentOwned||!equipmentOwned.length||e.equipment_required.every(function(q){return q==="bodyweight"||equipmentOwned.indexOf(q)>=0;}); }
  var BIG={squat:1, barbell_bench_press:1, deadlift:1};
  var injSet={}; (injuredIds||[]).forEach(function(id){ injSet[id]=1; });
  // big-3 nào đang bị CHẤN THƯƠNG (học viên ghi đau khớp) thì KHÔNG ép — để bài thân thiện khớp đã đổi ở template thay thế (không bắt tập lift gây đau).
  var plan=[{mus:"dui_truoc",id:"squat"},{mus:"nguc",id:"barbell_bench_press"},{mus:"dui_sau",id:"deadlift"}].filter(function(b){ return !injSet[b.id]; });
  function bestAccessory(mus, dayEx){ // bài compound tốt nhất cùng cơ, KHÔNG phải big-3, chưa có trong buổi
    return WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===mus && !BIG[e.exercise_id] && e.type!=="isolation" && !WS_NEVER_AUTO_PICK[e.exercise_id] && eqOk(e) && !dayEx.some(function(y){return y.exercise_id===e.exercise_id;}); }).sort(function(a,b){ return wsSfrScore(b)-wsSfrScore(a); })[0];
  }
  function setEx(d, idx, ex, isBig){ var old=d.exercises[idx]; var fin=wsFinalizeSwappedSlot(ex, goal, weekIndex, mesoWeeks, experienceLevel, isDeloadWeek);
    d.exercises[idx]=Object.assign({}, old, {exercise:ex.name, exercise_id:ex.exercise_id, pattern:ex.pattern, region:ex.region, alternatives:wsAlternativesFor(ex.exercise_id).map(function(z){return z.name;}), video_url:ex.video_url||"", superset:false, superset_group:undefined, reps:fin.reps, rpe:fin.rpe, load:fin.load, rest_seconds:fin.rest_seconds}); }
  // Bước 1: GÁN mỗi big-3 vào 1 BUỔI RIÊNG BIỆT (tập cơ đó, chưa bị gán big-3 khác) — luôn tồn tại khi tần suất ≥3.
  var assigned={}; // dayIdx -> big-3 id
  plan.forEach(function(b){
    if(!eqOk(WS_EXERCISE_DB.find(function(e){return e.exercise_id===b.id;})||{equipment_required:["x"]})) return;
    var di=-1;
    for(var d=0; d<days.length; d++){ if(assigned[d]===undefined && days[d].exercises.some(function(x){return x.muscle===b.mus;})){ di=d; break; } }
    if(di<0){ for(var d2=0; d2<days.length; d2++){ if(days[d2].exercises.some(function(x){return x.muscle===b.mus;})){ di=d2; break; } } } // fallback: buổi bất kỳ tập cơ này
    if(di>=0) assigned[di]=b.id;
  });
  // Bước 2: trên MỌI buổi -> giữ ĐÚNG big-3 được gán cho buổi đó; mọi big-3 khác (sai chỗ/lặp) đổi thành bài bổ trợ compound cùng cơ.
  days.forEach(function(d, di){
    d.exercises.forEach(function(x,i){ if(BIG[x.exercise_id] && assigned[di]!==x.exercise_id){ var acc=bestAccessory(x.muscle, d.exercises); if(acc) setEx(d,i,acc,false); } });
    // đảm bảo buổi được gán CÓ big-3 đó (nếu chưa, thay bài của cơ tương ứng)
    if(assigned[di]!==undefined && !d.exercises.some(function(x){return x.exercise_id===assigned[di];})){
      var bp=plan.filter(function(p){return p.id===assigned[di];})[0];
      var bex=WS_EXERCISE_DB.find(function(e){return e.exercise_id===assigned[di];});
      var idx=d.exercises.findIndex(function(x){return x.muscle===bp.mus;});
      if(idx>=0) setEx(d, idx, bex, true);
    }
    // dọn superset mồ côi sau khi swap
    var gcb={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined) gcb[ex.superset_group]=(gcb[ex.superset_group]||0)+1; });
    d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined && gcb[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
  });
}

// KHÓA CỨNG trần mệt mỏi hệ thống theo RPE THẬT của tuần: nếu buổi vượt trần -> (1) hạ cấp compound tự do axial cao nhất (trừ opener) sang máy,
// (2) hết compound tự do thì cắt 1 set của bài mệt nhất (>2 set). Lặp tới khi ≤ trần. Đây là RÀNG BUỘC ÁP ĐẶT (baseline cứng) trước khi cá nhân hóa.
function wsEnforceFatigueCapWeek(days, goal, experienceLevel, energyStatus){
  var cap = wsMaxSessionFatigue(experienceLevel, energyStatus);
  function eObj(id){ return WS_EXERCISE_DB.find(function(e){ return e.exercise_id===id; }); }
  days.forEach(function(d){
    // BẢO VỆ big-3 khi goal=strength: không hạ cấp/không ưu tiên cắt các bài big-3 bắt buộc (chúng là linh hồn chương trình sức mạnh).
    function isBig3(ex){ return goal==="strength" && (ex.exercise_id==="squat"||ex.exercise_id==="barbell_bench_press"||ex.exercise_id==="deadlift"); }
    var guard=0;
    while(wsSessionFatigue(d.exercises, goal) > cap && guard++<40){
      var hi=-1, hiF=-1, i;
      for(i=1;i<d.exercises.length;i++){ if(isBig3(d.exercises[i])) continue; var eo=eObj(d.exercises[i].exercise_id); if(eo && eo.type==="compound_free_weight"){ var fb=wsFatigueBase(eo); if(fb>hiF){ hiF=fb; hi=i; } } }
      if(hi>=0){
        var cur=eObj(d.exercises[hi].exercise_id);
        var usedPatF={}; d.exercises.forEach(function(x,xi){ if(xi!==hi) usedPatF[x.pattern]=1; });
        var mAlt=WS_EXERCISE_DB.find(function(e){ return e.primary_muscle.name===cur.primary_muscle.name && e.type==="compound_machine" && !WS_NEVER_AUTO_PICK[e.exercise_id] && !usedPatF[e.pattern]; })
              || WS_EXERCISE_DB.find(function(e){ return e.primary_muscle.name===cur.primary_muscle.name && e.type==="compound_machine" && !WS_NEVER_AUTO_PICK[e.exercise_id]; });
        if(mAlt){ d.exercises[hi]=Object.assign({}, d.exercises[hi], {exercise:mAlt.name, exercise_id:mAlt.exercise_id, pattern:mAlt.pattern, alternatives:wsAlternativesFor(mAlt.exercise_id).map(function(x){return x.name;}), video_url:mAlt.video_url||"", note:(d.exercises[hi].note?d.exercises[hi].note+" ":"")+"→ máy (khóa trần mệt hệ thống)"}); continue; }
      }
      var ci=-1, ciF=-1;
      for(i=1;i<d.exercises.length;i++){ if(isBig3(d.exercises[i])) continue; if(d.exercises[i].sets>2){ var eo2=eObj(d.exercises[i].exercise_id); var fb2=eo2?wsFatigueBase(eo2):0.2; if(fb2>ciF){ ciF=fb2; ci=i; } } }
      if(ci>=0){ d.exercises[ci].sets-=1; continue; }
      break; // mọi bài về sàn 2 set + không còn compound tự do -> đã hết cách giảm
    }
  });
}

// [SỬA] Danh sách bài tập CỐ ĐỊNH xuyên suốt cả chu kỳ (mesocycle) — chỉ sinh 1 LẦN DUY NHẤT ở tuần có volume cao nhất
// (tuần cuối trước deload, vì cần nhiều "chỗ" bài tập nhất), rồi mỗi tuần khác chỉ SCALE lại số set theo đúng tỉ lệ
// volume của tuần đó so với tuần đỉnh — bài tập, thứ tự, cặp superset giữ NGUYÊN, chỉ số set/rep/RPE tăng tiến dần.
function wsGenerateMesocycle(inputs, mesoWeeks){
  // Số tuần KHÔNG cố định 5 — tự suy từ thời gian người này cần để đi từ MEV tới trần (theo trình độ + calo), + 1 tuần deload.
  mesoWeeks = mesoWeeks || wsMesoWeeksFor(inputs.experience_level, inputs.energy_status);
  var workingWeeks = Math.max(1, mesoWeeks-1);
  var peakWeekIndex = workingWeeks-1;

  var template = wsGenerateWeek(inputs, 1, peakWeekIndex, mesoWeeks); // khung bài tập cố định, đã qua đủ MEV/MRV/thời gian/cân bằng buổi
  // [BỎ] wsUnifyPrimaryCompound — trước đây ép CÙNG 1 exercise_id vào mọi buổi tập 1 nhóm cơ (vd Bench lặp cả 2 buổi Thân trên).
  // Theo yêu cầu mới: KHÔNG được trùng bài giữa các buổi trong tuần (kể cả compound), trừ khi khách tự đổi ở "Đổi bài".
  // wsDedupeExercisesWeek (chạy mỗi tuần bên dưới) giờ xử lý CẢ compound lẫn isolation, ưu tiên đổi sang bài CÙNG NHÓM CHUYỂN ĐỘNG
  // (WS_ALT_GROUP/pattern — vd Back Squat buổi 1 → Front Squat/Hack Squat buổi 2) để vẫn giữ tinh thần luyện đúng động tác.
  var peakVolumeMap = template.volumeMap;
  var split = wsComputeSessionSplit(inputs.frequency, inputs.goal, inputs.focus_muscle_groups);
  var cfg=wsGetConfig(); var coef=cfg.timeCoef[inputs.goal]||cfg.timeCoef.hypertrophy;

  var weeks=[];
  for(var w=0; w<mesoWeeks; w++){
    var isDeloadWeek = (w===mesoWeeks-1);
    var wVolumeMap;
    if(isDeloadWeek){ // deload = ~50% target của tuần ĐỈNH (tuần cứng nhất ngay trước đó), giữ mev/mrv
      wVolumeMap={}; Object.keys(peakVolumeMap).forEach(function(m){ var pk=peakVolumeMap[m]; wVolumeMap[m]=Object.assign({}, pk, {target:Math.max(2, Math.round(pk.target*0.5))}); });
    } else { wVolumeMap = wsAllocateVolumePerMuscle(split, inputs.energy_status, inputs.experience_level, inputs.goal, inputs.focus_muscle_groups, w, mesoWeeks); }
    weeks.push(wsBuildMesoWeek(template, wVolumeMap, inputs, w, mesoWeeks, peakVolumeMap, peakWeekIndex, coef, isDeloadWeek));
  }
  return {inputs:inputs, mesocycle_weeks:mesoWeeks, weeks:weeks, _template:template, _peakVolumeMap:peakVolumeMap, _coef:coef, _peakWeekIndex:peakWeekIndex};
}

// [REFACTOR] Dựng 1 TUẦN qua TOÀN BỘ pipeline bất biến (min-4 / coverage / opener CNS / đối kháng đẩy-kéo / big-3 / trần mệt / region / chống trùng / ép giờ).
// Dùng CHUNG cho generator VÀ autoregulation — mọi tuần (kể cả tuần chuyển tiếp) đều đi qua đúng các ràng buộc, không bị vỡ cấu trúc.
function wsBuildMesoWeek(template, wVolumeMap, inputs, w, mesoWeeks, peakVolumeMap, peakWeekIndex, coef, isDeloadWeek, injuredIds){
    // DANH SÁCH BÀI LỚN DẦN: tuần đầu chỉ đủ bài COMPOUND để chạm ~MEV; tuần sau tăng set + THÊM bài (isolation) tới trần.
    // PHÂN BỔ THEO TUẦN (không làm tròn per-ngày độc lập — tránh mất mức tăng nhỏ ở volume thấp; số set THỰC bám target mượt hơn, tránh "target tăng mà set không đổi").
    // Mỗi nhóm cơ: weekTarget(physical) = round(tổng set ĐỈNH của nhóm × ratio), rồi RẢI qua các buổi tập nhóm đó theo tỷ lệ phần đỉnh (largest-remainder), sàn 2/buổi.
    var _muWeek={};
    template.days.forEach(function(td,i){ var byM={}; td.exercises.forEach(function(t){ byM[t.muscle]=(byM[t.muscle]||0)+t.sets; });
      Object.keys(byM).forEach(function(m){ (_muWeek[m]=_muWeek[m]||{peakWeek:0,days:[]}); _muWeek[m].peakWeek+=byM[m]; _muWeek[m].days.push({i:i,peak:byM[m]}); }); });
    var _dayTgt={};
    Object.keys(_muWeek).forEach(function(m){ var mw=_muWeek[m];
      var vmWeek=wVolumeMap[m];
      // DÙNG THẲNG target THẬT của tuần này (đã tính đúng theo MEV->trần qua wsAllocateVolumePerMuscle/deload), KHÔNG suy ra qua
      // tỷ lệ so với set-đỉnh mà TEMPLATE thực sự dựng được (mw.peakWeek). Nếu lúc dựng template (buổi/quỹ giờ có hạn) chỉ xếp được
      // ÍT bài/set hơn target thật cho 1 nhóm cơ, dùng tỷ lệ sẽ khiến nhóm đó bị "khoá cứng" ở đúng mức hụt đó suốt cả chu kỳ —
      // volume không bao giờ tăng dù target tuần sau cao hơn nhiều (bug đã phát hiện qua kiểm thử: vai_giữa đứng yên 7 tuần liên tiếp).
      // DELOAD: cắt 50% theo SỐ SET THỰC của TEMPLATE TUẦN ĐỈNH (mw.peakWeek = set thật đã dựng được sau mọi ràng buộc giờ/trần),
      // KHÔNG theo target lý thuyết landmark — tuần đỉnh thường chỉ giao được ~50-60% target lý thuyết do quỹ giờ, nên
      // \"0.5 × lý thuyết\" ≈ bằng luôn mức đỉnh thực (deload từng đo 90-113% đỉnh). Cùng lý do, không áp các sàn chống-lèo-tèo.
      // [SỬA RAMP 2026-07] Tăng tiến tuần: nội suy trong KHÔNG GIAN KHẢ THI — từ ~MEV (tuần 1) lên SỐ SET ĐỈNH THỰC template dựng được
      // (mw.peakWeek), KHÔNG dùng thẳng target lý thuyết MEV->trần landmark. Trần lý thuyết thường CAO hơn nhiều mức quỹ giờ chứa nổi,
      // nên target lý thuyết vọt nhanh rồi đập trần thực tế ngay giữa chu kỳ -> volume đo được tăng sốc 2 tuần đầu rồi đi ngang + nhiễu
      // (62,79,94,91,92). Chuẩn RP/Helms: +1-2 set/nhóm cơ/tuần ĐỀU, chạm đỉnh ĐÚNG tuần cuối trước deload -> startT->peak theo w/peakWeekIndex.
      var _fracW = peakWeekIndex>0 ? Math.min(1, w/peakWeekIndex) : 1;
      var _startT = Math.min(mw.peakWeek, Math.max(mw.days.length*2, vmWeek?vmWeek.mev:2));
      var weekTarget=isDeloadWeek ? Math.max(1, Math.round(mw.peakWeek*0.5)) // sàn 1 (không phải 2): lịch ngắn (45') nhiều nhóm đỉnh chỉ 2-3 set, sàn 2 đẩy deload lên ~74% đỉnh
                                  : Math.round(_startT + (mw.peakWeek-_startT)*_fracW);
      // DELOAD: bỏ sàn 2 set/nhóm-cơ/ngày (nguồn phình volume lớn nhất: mọi nhóm × mọi ngày ≥2 set bất kể target đã ×0.5 —
      // khiến deload từng đo được 92-107% tuần đỉnh). Cho phép ngày =0 set với nhóm đó (bài rơi khỏi buổi deload là chủ đích).
      var _dayFloor=isDeloadWeek?0:2;
      var alloc=mw.days.map(function(d){ var ideal=weekTarget*d.peak/mw.peakWeek; return {i:d.i, base:Math.max(_dayFloor,Math.floor(ideal)), frac:ideal-Math.floor(ideal)}; });
      var remain=weekTarget-alloc.reduce(function(s,a){return s+a.base;},0);
      alloc.slice().sort(function(a,b){return b.frac-a.frac;}).forEach(function(a){ if(remain>0){ a.base+=1; remain--; } });
      alloc.forEach(function(a){ (_dayTgt[a.i]=_dayTgt[a.i]||{})[m]=a.base; });
    });
    var injSetBmw={}; (injuredIds||[]).forEach(function(id){ injSetBmw[id]=1; });
    function eqOkBmw(e){ return !inputs.equipment||!inputs.equipment.length||e.equipment_required.every(function(q){return q==="bodyweight"||inputs.equipment.indexOf(q)>=0;}); }
    var days = template.days.map(function(td, _di){
      var exByM={}; td.exercises.forEach(function(tex){ (exByM[tex.muscle]=exByM[tex.muscle]||[]).push(tex); });
      var dayExtra=[]; // bài THÊM ngoài template khi target tuần này VƯỢT sức chứa (số bài mẫu × trần set/bài) mà template đã dựng cho nhóm cơ đó
      var usedIdsInDay={}; td.exercises.forEach(function(tex){ usedIdsInDay[tex.exercise_id]=1; });
      var usedPatInDay={}; td.exercises.forEach(function(tex){ usedPatInDay[tex.pattern]=1; });
      var setsForId={};
      Object.keys(exByM).forEach(function(m){
        var list=exByM[m];
        var wkDayTotal=(_dayTgt[_di] && _dayTgt[_di][m]!==undefined) ? _dayTgt[_di][m] : 2; // set physical/nhóm cơ/buổi đã rải theo tuần
        // TRẦN CỨNG chống junk volume: set CHÍNH (direct)/nhóm cơ/buổi không vượt WS_MAX_SETS_PER_MUSCLE_PER_SESSION (12) — nếu tuần
        // đó volume cao mà nhóm cơ chỉ tập ÍT buổi/tuần, phần dư phải nằm ở buổi KHÁC (đã có trong _dayTgt), không dồn hết vào 1 buổi.
        wkDayTotal=Math.min(wkDayTotal, WS_MAX_SETS_PER_MUSCLE_PER_SESSION);
        // TEMPLATE có thể chỉ xếp ĐỦ bài cho mức volume LÚC DỰNG (bị giới hạn quỹ giờ/số bài), nên "sức chứa" (số bài × trần set/bài)
        // có thể THẤP HƠN target thật của tuần này (nhất là tuần đỉnh, sau khi Fix#1 dùng target thật) -> THÊM bài cùng nhóm cơ
        // (không trùng bài/pattern đã có trong buổi) để có đủ "chỗ" chứa volume, thay vì bị khoá cứng ở mức template dựng được.
        var guardCap=0;
        while(!isDeloadWeek && list.length*WS_MAX_SETS_PER_EXERCISE < wkDayTotal && guardCap++<6){ // deload KHÔNG thêm bài mới (đang xả, không cần thêm sức chứa)
          // Buổi KHÔNG thuộc nhóm cơ m (m được "tiêm" vào theo specialization, vd bài vai trong buổi Chân) -> chỉ thêm bài CÔ LẬP
          var nativeMs=(function(){ var lbl2type={}; Object.keys(WS_DAY_LABEL).forEach(function(ty){ lbl2type[WS_DAY_LABEL[ty]]=ty; }); var ty2=lbl2type[td.session_name]; return ty2?(WS_DAY_TYPE_MUSCLES[ty2]||null):null; })();
          var isoOnlyM = inputs.goal==="focus" && nativeMs && nativeMs.indexOf(m)<0;
          function candBase(e){ return e.primary_muscle.name===m && !usedIdsInDay[e.exercise_id] && !WS_NEVER_AUTO_PICK[e.exercise_id]
              && (!isoOnlyM || e.type==="isolation")
              && (!WS_STRENGTH_ONLY_ANCHOR[e.exercise_id]||inputs.goal==="strength") && !injSetBmw[e.exercise_id] && eqOkBmw(e); }
          function bySfr(a,b){ return (wsRegionMatch(b,inputs.focus_region_bias)?1:0)-(wsRegionMatch(a,inputs.focus_region_bias)?1:0) || wsSfrScore(b)-wsSfrScore(a); }
          // ưu tiên bài KHÁC pattern (đa dạng chuyển động); nhưng nếu nhóm cơ chỉ có ÍT bài trong DB (vd vai giữa chỉ 5 bài/2 pattern),
          // hết pattern mới thì KHÔNG được bỏ cuộc — cho phép trùng pattern (khác bài) để vẫn có đủ "chỗ" chứa target, tránh khoá cứng volume.
          var cand=WS_EXERCISE_DB.filter(function(e){ return candBase(e) && !usedPatInDay[e.pattern]; }).sort(bySfr)[0]
                 || WS_EXERCISE_DB.filter(candBase).sort(bySfr)[0];
          if(!cand) break; // hết bài khả dụng cho nhóm cơ này -> chấp nhận sức chứa hiện có
          var extraTex={block:1, week:w+1, day:td.day, session_name:td.session_name, exercise:cand.name, exercise_id:cand.exercise_id, pattern:cand.pattern, muscle:m, region:cand.region, alternatives:wsAlternativesFor(cand.exercise_id).map(function(z){return z.name;}), video_url:cand.video_url||"", note:"", superset:false, superset_group:undefined};
          list.push(extraTex); dayExtra.push(extraTex); usedIdsInDay[cand.exercise_id]=1; usedPatInDay[cand.pattern]=1;
        }
        // ưu tiên: (1) bài KHỚP VÙNG focus nhận set trước -> DỒN volume vào vùng ưu tiên (khi volume cao & buổi giới hạn bài, vùng khác bị bỏ trước);
        //          (2) rồi compound (đa khớp) trước isolation; (3) trong cùng loại giữ thứ tự template.
        var ordered=list.map(function(t,i){ var eo=WS_EXERCISE_DB.find(function(e){return e.exercise_id===t.exercise_id;}); return {t:t,i:i,comp:eo&&eo.type!=="isolation"?0:1, reg:wsRegionMatch(eo,inputs.focus_region_bias)?0:1}; }).sort(function(a,b){ return a.reg-b.reg || a.comp-b.comp || a.i-b.i; });
        // [SỬA GỐC TĂNG TIẾN] Phân bổ ĐỀU wkDayTotal cho các bài (round-robin +1/bài, trần WS_MAX_SETS_PER_EXERCISE), KHÔNG vứt phần dư.
        // Bug cũ: gán tham lam "bài 1 lấy 3 set, phần dư <2 bị BỎ" -> ngày cần 4 chỉ đặt 3 (3+1→1 bị bỏ). Lặp lại khiến weekTarget mượt (6,9,12,15,18)
        // nhưng SET THẬT lồi lõm (6,9,9,15,18) — tăng tiến nhóm cơ chuyên biệt "chững rồi vọt". Giờ 4 set = 2+2, 5=3+2, 7=3+2+2... đủ target.
        var _minPerEx=isDeloadWeek?1:2; // ngoài deload: ưu tiên mỗi bài ≥2 set (chọn số bài vừa đủ để không có bài lẻ 1 set)
        var _nUse=Math.min(ordered.length, Math.max(1, Math.floor(wkDayTotal/_minPerEx)));
        ordered.forEach(function(o){ setsForId[o.t.exercise_id]=0; });
        var _rem=Math.min(wkDayTotal, _nUse*WS_MAX_SETS_PER_EXERCISE), _g=0;
        while(_rem>0 && _g++<400){ var _moved=false;
          for(var _qi=0; _qi<_nUse && _rem>0; _qi++){ var _id=ordered[_qi].t.exercise_id; if((setsForId[_id]||0)<WS_MAX_SETS_PER_EXERCISE){ setsForId[_id]=(setsForId[_id]||0)+1; _rem--; _moved=true; } }
          if(!_moved) break;
        }
      });
      var allTexForDay=td.exercises.concat(dayExtra); // gồm cả bài THÊM để có đủ "chỗ" chứa target tuần này (xem vòng lặp top-up ở trên)
      // SÀN TỐI THIỂU 4 BÀI/BUỔI: nếu tuần volume thấp (đầu chu kỳ) khiến buổi có <4 bài, THÊM lại bài template đã bỏ (2 set) — không để học viên
      // đến phòng gym chỉ tập 1-2 bài. Chấp nhận tuần đầu KHÔNG sát MEV tuyệt đối (đúng yêu cầu). Bỏ bài đã bị wsPlaceBig3/dedup đổi thì bỏ qua.
      var keptCount=allTexForDay.filter(function(tex){ return setsForId[tex.exercise_id]>0; }).length;
      if(!isDeloadWeek && keptCount < WS_MIN_EXERCISES_PER_SESSION){ // DELOAD: bỏ sàn 4 bài — re-add bài ×2 set là thứ kéo volume deload lên ~90-107% đỉnh
        for(var ai=0; ai<allTexForDay.length && keptCount<WS_MIN_EXERCISES_PER_SESSION; ai++){
          var tx=allTexForDay[ai];
          if(!(setsForId[tx.exercise_id]>0)){ setsForId[tx.exercise_id]=2; keptCount++; }
        }
      }
      var exercises=allTexForDay.filter(function(tex){ return setsForId[tex.exercise_id]>0; }).map(function(tex){
        var exObj=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===tex.exercise_id; });
        var rr=wsRepRangeAndRPE(exObj||{default_rep_range:{}}, inputs.goal, w, mesoWeeks, inputs.experience_level);
        return Object.assign({}, tex, {
          sets:setsForId[tex.exercise_id], reps:rr.reps, rpe:isDeloadWeek?6:rr.rpe,
          load:isDeloadWeek?"RPE 6 (deload)":"RPE "+rr.rpe, rest_seconds:wsRestSecondsFor(exObj?exObj.type:"isolation", inputs.goal),
          note:isDeloadWeek?((tex.note?tex.note+" ":"")+"Tuần deload."):tex.note
        });
      });
      // dọn superset mồ côi nếu 1 bên cặp bị bỏ ở tuần volume thấp
      var gc={}; exercises.forEach(function(ex){ if(ex.superset_group!==undefined) gc[ex.superset_group]=(gc[ex.superset_group]||0)+1; });
      exercises.forEach(function(ex){ if(ex.superset_group!==undefined && gc[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
      return {block:1, week:w+1, day:td.day, session_name:td.session_name, exercises:exercises, estimated_minutes:0, downgrades:(w===peakWeekIndex)?td.downgrades:[]};
    });
    days.forEach(function(d){ wsEqualizeSupersetSets(d.exercises); });
    // Tính lại thời lượng buổi theo số set đã scale của tuần này (kèm phần tiết kiệm do superset)
    days.forEach(function(d){
      var t=WS_GENERAL_WARMUP_MIN;
      d.exercises.forEach(function(ex){ var eo=WS_EXERCISE_DB.find(function(e){return e.exercise_id===ex.exercise_id;}); var ty=eo?eo.type:"isolation"; t+=wsExerciseOverheadMin(ty,inputs.goal)+ex.sets*wsPerSetMinutes(ty,inputs.goal); });
      var byGroup={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined){ (byGroup[ex.superset_group]=byGroup[ex.superset_group]||[]).push(ex); } });
      Object.keys(byGroup).forEach(function(g){ var pair=byGroup[g]; if(pair.length===2) t-=Math.min(pair[0].sets,pair[1].sets)*coef.supersetReduction; });
      d.estimated_minutes=Math.round(t);
    });
    wsCapVolumeAtMRV(days, wVolumeMap, inputs.goal, inputs.session_duration_max); // vẫn ép cứng không vượt MRV/không lố giờ CỦA TUẦN ĐÓ — dù set đã scale xuống nên hiếm khi phải can thiệp
    wsBalanceSessionTimes(days, inputs.goal, inputs.session_duration_max);
    wsDedupePatternsWeek(days, inputs.equipment, inputs.goal, inputs.focus_region_bias, injuredIds, w, mesoWeeks, inputs.experience_level, isDeloadWeek); // tránh trùng mẫu chuyển động trong buổi — giữ bias vùng, KHÔNG lôi lại bài chấn thương
    wsPlaceBig3Week(days, inputs.goal, inputs.equipment, injuredIds, w, mesoWeeks, inputs.experience_level, isDeloadWeek); // STRENGTH: đủ big-3, mỗi bài 1 lần/tuần, tối đa 1 big-3/buổi (bỏ qua big-3 đang chấn thương)
    wsDedupeExercisesWeek(days, inputs.equipment, inputs.goal, inputs.focus_region_bias, injuredIds, w, mesoWeeks, inputs.experience_level, isDeloadWeek, inputs.focus_muscle_groups); // tránh trùng bài giữa các buổi — giữ bias vùng, KHÔNG lôi lại bài chấn thương; nhóm FOCUS được lặp
    wsEnforceFatigueCapWeek(days, inputs.goal, inputs.experience_level, inputs.energy_status); // KHÓA CỨNG trần mệt hệ thống theo RPE THẬT (chạy SAU khi đã đặt big-3/đa dạng bài)
    if(!isDeloadWeek) wsTopUpMinExercisesWeek(days, inputs.equipment, inputs.goal, w, mesoWeeks, inputs.experience_level, inputs.focus_region_bias, injuredIds, isDeloadWeek); // SÀN ≥4 bài/buổi — DELOAD miễn (buổi nhẹ ít bài là chủ đích xả mệt)
    var weekPushPullState={press:0, pull:0, shoulder:0, squat:0, hinge:0}; // đếm số buổi ĐÃ mở màn theo vai trò linh hồn (xem wsEnsureCompoundOpener)
    days.forEach(function(d){ // tính lại thời lượng sau dedup/enforce (số bài & set có thể đã đổi) + ÉP LẠI QUỸ GIỜ (dedup có thể đã làm tăng giờ)
      function tyOf(ex){ var eo=WS_EXERCISE_DB.find(function(e){return e.exercise_id===ex.exercise_id;}); return eo?eo.type:"isolation"; }
      function calcT(){ var t=WS_GENERAL_WARMUP_MIN;
        d.exercises.forEach(function(ex){ t+=wsExerciseOverheadMin(tyOf(ex),inputs.goal)+ex.sets*wsPerSetMinutes(tyOf(ex),inputs.goal); });
        var bg={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined){ (bg[ex.superset_group]=bg[ex.superset_group]||[]).push(ex); } });
        Object.keys(bg).forEach(function(g){ var pair=bg[g]; if(pair.length===2) t-=Math.min(pair[0].sets,pair[1].sets)*coef.supersetReduction; });
        return t; }
      var isBig3S=function(x){ return inputs.goal==="strength" && (x.exercise_id==="squat"||x.exercise_id==="barbell_bench_press"||x.exercise_id==="deadlift"); };
      // BẢO VỆ NHÓM FOCUS khi cắt giờ/cắt trần (specialization): bài của nhóm ưu tiên được cắt SAU CÙNG — trước đây cắt "bài nhiều set
      // nhất" đánh trúng ngay nhóm focus (nhiều set nhất theo thiết kế) khiến tuần đỉnh còn TỤT dưới tuần giữa, không bao giờ chạm MRV.
      var focusSetB={}; if(inputs.goal==="focus") (inputs.focus_muscle_groups||[]).forEach(function(mF){ focusSetB[mF]=1; });
      var isFocusX=function(x){ return !!focusSetB[x.muscle]; };
      var t=calcT(), guard=0;
      // ép giờ B1: CẮT SET (giữ phủ đủ nhóm cơ; ƯU TIÊN không cắt big-3/nhóm focus), ưu tiên cắt bài nhiều set nhất trừ opener; tối thiểu 2 set
      while(t>inputs.session_duration_max && guard++<200){
        var ci=-1, ciSets=2;
        for(var k=1;k<d.exercises.length;k++){ if(isBig3S(d.exercises[k])||isFocusX(d.exercises[k])) continue; if(d.exercises[k].sets>ciSets){ ciSets=d.exercises[k].sets; ci=k; } }
        if(ci<0){ for(var kf=1;kf<d.exercises.length;kf++){ if(isBig3S(d.exercises[kf])) continue; if(d.exercises[kf].sets>ciSets){ ciSets=d.exercises[kf].sets; ci=kf; } } } // hết bài thường -> mới đụng nhóm focus
        if(ci<0) break;
        d.exercises[ci].sets-=1; wsEqualizeSupersetSets(d.exercises); t=calcT();
      }
      // ép giờ B2: mọi bài (KHÔNG big-3) về sàn 2 set mà vẫn lố -> BỎ bài (coverage-aware; giữ big-3, nhóm focus bỏ SAU CÙNG)
      var g2=0;
      while(t>inputs.session_duration_max && g2++<200){
        var di=wsCoverDropIdx(d.exercises, function(x){ return !isBig3S(x) && !isFocusX(x); }, 1);
        if(di<0) di=wsCoverDropIdx(d.exercises, function(x){ return !isBig3S(x); }, 1);
        if(di<0) break;
        d.exercises.splice(di,1); t=calcT();
      }
      // ép giờ B3 (biện pháp CUỐI): còn lố mà mọi bài phụ đã về sàn 2 -> cắt set big-3 xuống 2 (giữ big-3 HIỆN DIỆN, chỉ giảm set) để không lố giờ.
      var g3=0;
      while(t>inputs.session_duration_max && g3++<200){
        var ci3=-1, ci3Sets=2;
        for(var k3=1;k3<d.exercises.length;k3++){ if(d.exercises[k3].sets>ci3Sets){ ci3Sets=d.exercises[k3].sets; ci3=k3; } }
        if(ci3<0) break;
        d.exercises[ci3].sets-=1; wsEqualizeSupersetSets(d.exercises); t=calcT();
      }
      // ép giờ B4 (BIỆN PHÁP TUYỆT ĐỐI CUỐI): quỹ giờ là RÀNG BUỘC CỨNG do người dùng đặt — nếu sau B1-B3 vẫn lố (hiếm: mọi bài đã 2 set & là bài DUY NHẤT của
      // nhóm cơ nên B2 không bỏ được vì bảo vệ coverage), thì BỎ bài phụ cuối cùng (không phải opener/big-3; nhóm focus bỏ SAU CÙNG) DÙ vỡ coverage/sàn-4-bài.
      var g4=0;
      while(t>inputs.session_duration_max && g4++<200 && d.exercises.length>1){
        var di4=-1;
        for(var k4=d.exercises.length-1;k4>=1;k4--){ if(isBig3S(d.exercises[k4])||isFocusX(d.exercises[k4])) continue; di4=k4; break; }
        if(di4<0){ for(var k5=d.exercises.length-1;k5>=1;k5--){ if(isBig3S(d.exercises[k5])) continue; di4=k5; break; } }
        if(di4<0) break;
        d.exercises.splice(di4,1); wsEqualizeSupersetSets(d.exercises); t=calcT();
      }
      // TRẦN TỔNG SET VẬT LÝ/BUỔI (chống junk volume): cần khi autoreg đẩy volume vượt mốc generator, hoặc buổi full-body (nhiều nhóm cơ dùng
      // chung 1 buổi) chạm trần ngay từ tuần đầu. ƯU TIÊN cắt nhóm cơ ĐÃ GẦN/VƯỢT target riêng của TUẦN ĐÓ nhất (tỷ lệ set hiện có/target cao nhất)
      // — GIỮ LẠI nhóm cơ còn xa target để volume vẫn tăng tiến đúng nhóm cần, thay vì cắt máy móc theo "bài nhiều set nhất" (dễ cắt nhầm đúng
      // nhóm đang cần tăng nhất, gây "đóng băng" volume ở buổi chật chỗ như full-body tần suất thấp).
      var capSess=wsMaxSetsPerSession(inputs.experience_level, inputs.energy_status), gts=0;
      function totSets(){ return d.exercises.reduce(function(s,x){ return s+x.sets; },0); }
      function muscleCurSetsInDay(mu){ return d.exercises.reduce(function(s,x){ return s+(x.muscle===mu?x.sets:0); },0); }
      function muscleWeekTarget(mu){ var vm=wVolumeMap[mu]; return (vm&&vm.target>0)?vm.target:999; }
      while(totSets()>capSess && gts++<300 && d.exercises.length>1){
        var ti=-1, tiRatio=-1;
        for(var tk=1;tk<d.exercises.length;tk++){ if(isBig3S(d.exercises[tk])||isFocusX(d.exercises[tk])) continue; if(d.exercises[tk].sets<=2) continue;
          var ratio=muscleCurSetsInDay(d.exercises[tk].muscle)/muscleWeekTarget(d.exercises[tk].muscle);
          if(ratio>tiRatio){ tiRatio=ratio; ti=tk; } }
        if(ti<0){ for(var tkf=1;tkf<d.exercises.length;tkf++){ if(isBig3S(d.exercises[tkf])) continue; if(d.exercises[tkf].sets<=2) continue;
          var ratioF=muscleCurSetsInDay(d.exercises[tkf].muscle)/muscleWeekTarget(d.exercises[tkf].muscle);
          if(ratioF>tiRatio){ tiRatio=ratioF; ti=tkf; } } } // hết bài thường -> mới cắt set nhóm focus
        if(ti>=0){ d.exercises[ti].sets-=1; wsEqualizeSupersetSets(d.exercises); continue; }
        var td2=-1; for(var tk2=d.exercises.length-1;tk2>=1;tk2--){ if(!isBig3S(d.exercises[tk2])&&!isFocusX(d.exercises[tk2])){ td2=tk2; break; } }
        if(td2<0){ for(var tk3=d.exercises.length-1;tk3>=1;tk3--){ if(!isBig3S(d.exercises[tk3])){ td2=tk3; break; } } }
        if(td2<0) break; d.exercises.splice(td2,1); wsEqualizeSupersetSets(d.exercises);
      }
      t=calcT();
      // KHÔNG LẠM DỤNG SUPERSET: superset chỉ để tiết kiệm giờ khi thiếu — nếu BỎ cặp mà buổi VẪN vừa quỹ giờ thì tách ra tập straight set.
      // Xét từng cặp (ít tiết kiệm nhất trước): cộng lại phần tiết kiệm của cặp; nếu vẫn ≤ quỹ giờ -> tách cặp.
      var ssGroups={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined){ (ssGroups[ex.superset_group]=ssGroups[ex.superset_group]||[]).push(ex); } });
      Object.keys(ssGroups).map(function(g){ var pr=ssGroups[g]; return {g:g, pair:pr, save:pr.length===2?Math.min(pr[0].sets,pr[1].sets)*coef.supersetReduction:0}; })
        .sort(function(a,b){ return a.save-b.save; })
        .forEach(function(o){ if(o.pair.length===2 && calcT()+o.save <= inputs.session_duration_max){ o.pair.forEach(function(ex){ ex.superset=false; ex.superset_group=undefined; }); } });
      // dọn superset mồ côi + đồng bộ set 2 bài cùng cặp (các bước cắt/bỏ ở trên có thể làm lệch) — RÀNG BUỘC CỨNG
      var gcF={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined) gcF[ex.superset_group]=(gcF[ex.superset_group]||0)+1; });
      d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined && gcF[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
      wsEqualizeSupersetSets(d.exercises);
      // TÁI ÁP THỨ TỰ theo bậc CNS (compound → superset → isolation) + xen kẽ đẩy/kéo, SAU MỌI xử lý per-tuần (dedup/fatigue/time-fit đã xáo lại).
      d.exercises=wsEnsureCompoundOpener(d.exercises, inputs.focus_muscle_groups, inputs.goal, inputs.focus_region_bias, weekPushPullState);
      if(d.exercises[0] && d.exercises[0].superset){ d.exercises[0].superset=false; d.exercises[0].superset_group=undefined;
        var gco={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined) gco[ex.superset_group]=(gco[ex.superset_group]||0)+1; });
        d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined && gco[ex.superset_group]<2){ ex.superset=false; ex.superset_group=undefined; } });
      }
      // BÀI MỞ MÀN PHẢI LÀ TẠ TỰ DO nếu còn lựa chọn: nếu opener rơi vào bài MÁY (vì compound tự do cùng nhóm cơ trong buổi đã bị
      // dedupe dùng hết ở buổi khác), NÂNG CẤP opener sang compound TỰ DO 2 BÊN cùng nhóm cơ CHƯA dùng trong tuần từ toàn kho —
      // buổi tập không được mở màn bằng máy khi vẫn còn bài tạ tự do phù hợp (bậc CNS: tự do dẫn buổi khi còn khỏe).
      (function(){
        var op=d.exercises[0]; if(!op) return;
        var opObj=WS_EXERCISE_DB.find(function(e){return e.exercise_id===op.exercise_id;});
        if(!opObj || opObj.type!=="compound_machine") return; // opener đã là tự do (hoặc không tra được) -> giữ
        function eqOkO(e){ return !inputs.equipment||!inputs.equipment.length||e.equipment_required.every(function(q){return q==="bodyweight"||inputs.equipment.indexOf(q)>=0;}); }
        var weekIdsO={}; days.forEach(function(dd){ dd.exercises.forEach(function(x){ weekIdsO[x.exercise_id]=1; }); });
        var injSetO={}; (injuredIds||[]).forEach(function(id){ injSetO[id]=1; });
        var cand=WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===op.muscle && e.type==="compound_free_weight" && !WS_UNILATERAL[e.exercise_id]
            && !weekIdsO[e.exercise_id] && !injSetO[e.exercise_id] && !WS_NEVER_AUTO_PICK[e.exercise_id] && (!WS_STRENGTH_ONLY_ANCHOR[e.exercise_id]||inputs.goal==="strength") && eqOkO(e); })
          .sort(function(a,b){ return wsSfrScore(b)-wsSfrScore(a); })[0];
        if(!cand) return; // kho hết bài tự do hợp lệ cho nhóm cơ này -> chấp nhận opener máy
        var fin=wsFinalizeSwappedSlot(cand, inputs.goal, w, mesoWeeks, inputs.experience_level, isDeloadWeek);
        d.exercises[0]=Object.assign({}, op, {exercise:cand.name, exercise_id:cand.exercise_id, pattern:cand.pattern, region:cand.region,
          alternatives:wsAlternativesFor(cand.exercise_id).map(function(z){return z.name;}), video_url:cand.video_url||"",
          note:isDeloadWeek?"Compound chính buổi. Tuần deload.":"Compound chính buổi.", superset:false, superset_group:undefined,
          reps:fin.reps, rpe:fin.rpe, load:fin.load, rest_seconds:fin.rest_seconds});
      })();
      d.exercises=wsAlternateAntagonists(d.exercises);
      // CLAMP GIỜ CUỐI CÙNG (authoritative): các bước tách-superset/sắp-xếp phía trên có thể làm giờ nhích lên lại — ép lần chót TÔN TRỌNG quỹ giờ tuyệt đối.
      // Cắt set bài nhiều set nhất (trừ opener) trước; hết đường thì bỏ bài phụ cuối (trừ opener) — thà thiếu 1 bài phụ còn hơn quá giờ người dùng đặt.
      var fg=0;
      while(calcT()>inputs.session_duration_max && fg++<400 && d.exercises.length>1){
        var fc=-1, fcS=2;
        for(var fk=1;fk<d.exercises.length;fk++){ if(isFocusX(d.exercises[fk])) continue; if(d.exercises[fk].sets>fcS){ fcS=d.exercises[fk].sets; fc=fk; } }
        if(fc<0){ for(var fkf=1;fkf<d.exercises.length;fkf++){ if(d.exercises[fkf].sets>fcS){ fcS=d.exercises[fkf].sets; fc=fkf; } } } // hết bài thường -> mới cắt nhóm focus
        if(fc>=0){ d.exercises[fc].sets-=1; wsEqualizeSupersetSets(d.exercises); continue; }
        var fd=-1; for(var fk2=d.exercises.length-1;fk2>=1;fk2--){ if(!isFocusX(d.exercises[fk2])){ fd=fk2; break; } }
        if(fd<0){ for(var fk3=d.exercises.length-1;fk3>=1;fk3--){ fd=fk3; break; } }
        if(fd<0) break; d.exercises.splice(fd,1); wsEqualizeSupersetSets(d.exercises);
      }
      d.estimated_minutes=Math.round(calcT());
    });
    days.forEach(function(d){ d.muscle_set_summary=wsSummarizeSetsByMuscle(d.exercises); });
    var week_muscle_set_summary=wsSummarizeSetsByMuscle(days.reduce(function(acc,d){ return acc.concat(d.exercises); },[]));
    return {days:days, volumeMap:wVolumeMap, isDeload:isDeloadWeek, week_muscle_set_summary:week_muscle_set_summary};
}

/* ---- 4. Autoregulation state machine (mục 6, tách biệt generator để test A/B ngưỡng) ---- */
// signals: {performanceDelta:number(%), rirDrift:number(RIR thực tế - kế hoạch), domsHours:number, sleepStressOk:boolean}
function wsEvaluateAutoregulation(signals){
  var bad=0;
  if(signals.performanceDelta!==undefined && signals.performanceDelta<0) bad++;
  if(signals.rirDrift!==undefined && signals.rirDrift>=1) bad++;
  if(signals.domsHours!==undefined && signals.domsHours>72) bad++;
  if(signals.sleepStressOk===false) bad++;
  var twoWeekPerfDrop = signals.performanceDelta2WeeksStraight===true;
  if(twoWeekPerfDrop || bad>=2) return "red";
  if(bad>=1) return "yellow";
  return "green";
}
// Trả hành động cho tuần kế tiếp: điều chỉnh weekIndex hiệu dụng dùng cho wsAllocateVolumePerMuscle, hoặc kích hoạt deload
function wsNextWeekAction(status, currentWeekIndex, energyStatus){
  if(status==="red") return {action:"deload", note:"Giảm 50% set; giữ nguyên load hoặc ép RIR lên 4-5."};
  if(status==="yellow") return {action:"hold", nextWeekIndex:currentWeekIndex, note:"Giữ nguyên volume tuần này."};
  return {action:"progress", nextWeekIndex:currentWeekIndex+1, note:"Tăng volume theo tốc độ tiến triển của "+energyStatus+"."};
}

/* ---- 4b. AUTOREGULATION NÂNG CAO — chuyển tuần per-muscle + toàn thân ----
   Cơ sở: RP/Israetel (mesocycle progression MEV→MAV→MRV theo soreness×performance×pump, per-muscle),
   Helms 2016/2018 (RIR autoregulation), Zourdos 2016 (RPE), Gabbett 2016 (ACWR ramp),
   Stults-Kolehmainen 2014 (stress làm chậm hồi phục), Walker/Nedeltcheva 2010 (ngủ+thâm hụt → mất cơ). */
var WS_AUTOREG = {
  recovery: { healed_early:2, healed_on_time:1, still_sore:0, persistent:-2 }, // đau cơ khi tới lượt tập lại
  pump: { low:1, normal:0, high:0 },                                            // pump = chỉ báo volume đủ kích thích chưa
  perfUpPct: 2, perfDownPct: -2,                                                // ngưỡng %Δ thành tích (e1RM/volume-load)
  sysYellow: 3, sysRed: 6,                                                      // ngưỡng đèn mệt hệ thống
  minAdherence: 0.6,                                                            // dưới mức này → lặp tuần
  maxWeeklySetRamp: 0.30                                                        // chặn ramp ACWR: tổng set/tuần ≤ +30% (khớp nhịp accumulation RP; đủ để volume tới MRV đồng pha với RPE, vẫn trong vùng ACWR an toàn)
};
function wsE1RM(load, reps){ return (load>0 && reps>0) ? load*(1+reps/30) : 0; }
function wsPerfDeltaPct(cur, prev){ return (prev>0) ? Math.round((cur-prev)/prev*1000)/10 : 0; }
// sig: {muscle, soreness, jointPain, pump, perfDeltaPct, effort:'full'|'normal'|'not_full', stallStreak}
function wsScoreMuscle(sig){
  var A=WS_AUTOREG;
  var rec=A.recovery[sig.soreness]; if(rec===undefined) rec=0;
  var pump=A.pump[sig.pump]; if(pump===undefined) pump=0;
  var d=(typeof sig.perfDeltaPct==="number")?sig.perfDeltaPct:0, eff=sig.effort||'normal';
  var perf, perfReason;
  if(d>=A.perfUpPct){ perf=1; perfReason='thành tích tăng '+d+'% → kích thích hiệu quả'; }
  else if(d<=A.perfDownPct){
    if(eff==='full'){ perf=-2; perfReason='thành tích giảm '+d+'% dù đã tập hết sức → mệt thật'; }
    else if(eff==='normal'){ perf=-1; perfReason='thành tích giảm '+d+'%'; }
    else { perf=0; perfReason='thành tích giảm nhưng buổi chưa hết sức → chưa kết luận mệt'; }
  } else {
    if(eff==='not_full'){ perf=1; perfReason='thành tích chững nhưng chưa hết sức → còn dư địa, đẩy mạnh hơn'; }
    else if(eff==='full'){ perf=-1; perfReason='thành tích chững dù đã hết sức → gần trần thích nghi'; }
    else { perf=0; perfReason='thành tích đi ngang'; }
  }
  var raw=rec+perf+pump;
  var delta = raw>=3?3 : raw===2?2 : raw===1?1 : (raw===0||raw===-1)?0 : raw===-2?-1 : -2;
  var reasons=[];
  var recTxt={healed_early:'hồi phục sớm (khỏe)', healed_on_time:'hồi phục đúng lúc', still_sore:'còn đau nhẹ khi tập lại', persistent:'đau dai dẳng, không kịp hồi'}[sig.soreness]||'—';
  reasons.push('Hồi phục: '+recTxt);
  reasons.push('Hiệu năng: '+perfReason);
  if(sig.pump==='low') reasons.push('Pump thấp → có thể thêm volume để đủ kích thích');
  if((sig.stallStreak||0)>=2){ if(delta>-1) delta=-1; reasons.push('Chững/tụt '+sig.stallStreak+' tuần liên tiếp → giảm tải/đổi kích thích (overreaching)'); }
  var swap=false;
  if(sig.jointPain){ delta=Math.min(delta,-1); swap=true; reasons.push('⚠ Đau khớp/gân → ĐỔI BÀI + giảm tải, không tăng tải lên khớp đang kích ứng'); }
  var verdict = swap ? 'Đổi bài + giảm tải' : (delta>0?('Tăng +'+delta+' set') : delta<0?('Giảm '+delta+' set') : 'Giữ nguyên');
  return {muscle:sig.muscle, setDelta:delta, swapExercise:swap, raw:raw, verdict:verdict, reasons:reasons};
}
// g: {sleepHours, alertness, stress, motivation, cutting, weightTrendPct, calAdherence, illnessInjury, muscleDistressCount, musclesTrained}
function wsScoreSystemic(g){
  var pts=0, reasons=[], flags={};
  // GIẤC NGỦ: độ TỈNH TÁO ban ngày là tín hiệu CHÍNH (phản ánh chất lượng hồi phục thật, khách quan hơn số giờ — người ngủ ít vẫn tỉnh, ngủ nhiều vẫn uể oải).
  // Số giờ chỉ ĐIỀU CHỈNH PHỤ: cộng nhẹ khi thiếu ngủ CỰC ĐOAN (<5.5h — nợ ngủ tích luỹ dù nay thấy ổn). Ngủ dài mà vẫn uể oải đã được 'alertness' bắt.
  var sh=(typeof g.sleepHours==="number")?g.sleepHours:7.5;
  var alPts=(g.alertness==='drowsy'?2:g.alertness==='alert'?0:0.5);
  var hrPts=(sh<5.5?0.5:0);
  var sleepPts=alPts+hrPts;
  pts+=sleepPts; if(sleepPts>=1.5) reasons.push('Hồi phục thần kinh kém — ban ngày uể oải'+(sh<5.5?(' + ngủ rất ít ('+sh+'h)'):'')); else if(hrPts>0) reasons.push('Ngủ rất ít ('+sh+'h) dù ban ngày còn ổn — chú ý nợ ngủ');
  var st=g.stress==='high'?2:g.stress==='moderate'?1:0; pts+=st; if(st>=2) reasons.push('Stress cao (chậm hồi phục cơ — Stults-Kolehmainen 2014)');
  var mo=g.motivation==='low'?2:g.motivation==='high'?-1:0; pts+=mo; if(mo>=2){ reasons.push('Mất hứng tập kéo dài (dấu hiệu mệt hệ thống)'); flags.lowMotivation=true; }
  if(typeof g.weightTrendPct==="number"){
    if(g.cutting){ if(g.weightTrendPct < -1.2){ pts+=1; reasons.push('Sụt cân quá nhanh ('+g.weightTrendPct+'%/tuần) → nguy cơ mất cơ & giảm hồi phục'); } }
    else if(g.weightTrendPct < -0.2){ pts+=1; reasons.push('Sụt cân ngoài ý muốn → thiếu năng lượng hồi phục'); }
  }
  if(g.calAdherence==='under'){ pts+=1; reasons.push('Ăn dưới mục tiêu calo → hồi phục kém (Nedeltcheva 2010)'); }
  if(g.illnessInjury){ pts+=3; flags.illness=true; reasons.push('Báo ỐM/CHẤN THƯƠNG → ưu tiên phục hồi'); }
  var distress=g.muscleDistressCount||0, trained=g.musclesTrained||1;
  if(distress>=Math.ceil(trained/2)){ pts+=2; reasons.push('Quá nửa nhóm cơ ('+distress+'/'+trained+') quá tải'); flags.widespreadDistress=true; }
  else if(distress>0){ pts+=1; reasons.push(distress+'/'+trained+' nhóm cơ quá tải cục bộ'); }
  // TÍN HIỆU HIỆU NĂNG THẬT (performance/joint pain per-muscle) là dấu hiệu overreaching KHÁCH QUAN, không được để các điểm chủ quan
  // (ngủ/stress/tâm trạng đều tốt) PHA LOÃNG xuống dưới ngưỡng: đa số nhóm cơ quá tải -> ép TỐI THIỂU vàng; TẤT CẢ nhóm cơ quá tải -> ép đỏ,
  // bất kể tổng điểm "pts" (bug đã phát hiện: widespreadDistress chỉ +2đ trong khi sysYellow=3 -> có thể vẫn xanh dù toàn thân đang tụt).
  if(distress>=trained && trained>0){ flags.allMusclesDistressed=true; reasons.push('TẤT CẢ nhóm cơ đang tụt/chững dù đã tập hết sức → nghi ngờ overreaching toàn thân'); }
  var light=(flags.illness||pts>=WS_AUTOREG.sysRed||flags.allMusclesDistressed)?'red':(pts>=WS_AUTOREG.sysYellow||flags.widespreadDistress)?'yellow':'green';
  return {score:Math.round(pts*10)/10, light:light, flags:flags, reasons:reasons};
}
function wsWeeklyAssessment(input){
  var A=WS_AUTOREG;
  var perMuscle=(input.muscleSignals||[]).map(wsScoreMuscle);
  var pv=input.prevVolumeMap||{};
  perMuscle.forEach(function(m){ var vm=pv[m.muscle]; m.atMRV = vm ? (vm.target>=vm.mrv) : false; });
  var distress=perMuscle.filter(function(m){ return m.setDelta<0; }).length;
  var g=Object.assign({}, input.global, {muscleDistressCount:distress, musclesTrained:perMuscle.length||1});
  var sys=wsScoreSystemic(g);
  var adh=input.adherence||{done:1,planned:1};
  var adhRatio=(adh.planned>0)?adh.done/adh.planned:1;
  var meso=input.meso||{weekIndex:0,mesoWeeks:5,accumulatedWeeks:1};
  var allAtMRV = perMuscle.length>0 && perMuscle.every(function(m){ return m.atMRV; });
  var plannedDeloadDue = (meso.accumulatedWeeks||1) >= ((meso.mesoWeeks||5)-1);
  var direction, label, note;
  if(sys.flags.illness){ direction='repeat'; label='Lặp lại tuần (giảm nhẹ) — hồi phục ưu tiên'; note='Có báo ốm/chấn thương: không tăng tải. Lặp tuần ở mức nhẹ hơn tới khi khỏe; nếu là chấn thương khớp → deload + đổi bài vùng đau.'; }
  else if(adhRatio < A.minAdherence){ direction='repeat'; label='Lặp lại tuần — dữ liệu chưa đủ'; note='Chỉ hoàn thành '+adh.done+'/'+adh.planned+' buổi (<'+Math.round(A.minAdherence*100)+'%). Chưa đủ kích thích/dữ liệu để tăng tiến — lặp lại tuần này.'; }
  else if(sys.light==='red'){ direction='deload'; label='DELOAD (xả mệt hệ thống)'; note='Mệt hệ thống cao (điểm '+sys.score+'). Cắt ~50% set, hạ tải/nâng RIR lên 4–5 để dọn mệt tích lũy.'; }
  else if(plannedDeloadDue || allAtMRV){ direction='deload'; label='DELOAD kết thúc chu kỳ → sang block mới'; note=(allAtMRV?'Mọi nhóm cơ đã chạm MRV (hết dư địa tăng). ':'Đã tích lũy đủ '+(meso.accumulatedWeeks)+' tuần. ')+'Deload 1 tuần rồi mở block mới (có thể đổi mục tiêu/nhóm ưu tiên, baseline cao hơn).'; }
  else if(sys.light==='yellow'){
    if(sys.flags.widespreadDistress){ direction='resensitize'; label='Giảm tải nhẹ (resensitize)'; note='Mệt lan rộng nhưng chưa tới ngưỡng deload: giảm ~1 set mọi nhóm để tái nhạy cảm, tuần sau tăng lại.'; }
    else { direction='maintain'; label='Duy trì có chọn lọc'; note='Tín hiệu hỗn hợp: GIẢM nhóm quá tải, GIỮ các nhóm còn lại (chưa tăng volume toàn cục khi cơ thể chưa sẵn sàng).'; }
  } else { direction='progress'; label='Tăng tiến'; note='Cơ thể sẵn sàng: áp Δset theo TỪNG nhóm cơ (đa số tăng), tăng nhẹ cường độ (giảm RIR ~1 — Helms).'; }
  var newBlock = (direction==='deload' && (plannedDeloadDue || allAtMRV) && !sys.flags.illness); // deload này KẾT THÚC chu kỳ -> tuần sau mở block mới
  var nextTargets=wsApplyTransition(direction, perMuscle, pv);
  // GẮN Δset THỰC GIAO (sau trần ramp / deload) vào từng nhóm cơ + cập nhật verdict theo con số THỰC (tránh hiển thị "+3" trong khi chỉ giao +1 / hay deload)
  perMuscle.forEach(function(m){ var nt=nextTargets[m.muscle]; var dv=nt?nt.delta:m.setDelta; m.delivered=dv;
    m.verdict = m.swapExercise ? ('Đổi bài + '+(dv<0?('giảm '+dv+' set'):dv>0?('tăng +'+dv+' set'):'giữ set')) : (dv>0?('Tăng +'+dv+' set'):dv<0?('Giảm '+dv+' set'):'Giữ nguyên');
  });
  return { perMuscle:perMuscle, systemic:sys, adherenceRatio:Math.round(adhRatio*100)/100, direction:direction, directionLabel:label, note:note, newBlock:newBlock, nextTargets:nextTargets, swaps: perMuscle.filter(function(m){return m.swapExercise;}).map(function(m){return m.muscle;}) };
}
function wsApplyTransition(direction, perMuscle, prevVolumeMap){
  var A=WS_AUTOREG, next={}, byM={};
  perMuscle.forEach(function(m){ byM[m.muscle]=m; });
  var prevTotal=0, rawTotal=0;
  Object.keys(prevVolumeMap).forEach(function(mus){
    var vm=prevVolumeMap[mus], sc=byM[mus];
    var cur=vm.target, delta=sc?sc.setDelta:0, t, rpe;
    if(direction==='deload'){ t=wsClamp(Math.round(cur*0.5), Math.max(2, Math.round((vm.mev||4)*0.5)), cur); rpe='RPE 5-6 (deload)'; } // ~50% volume HIỆN TẠI (không phải đỉnh), sàn ~½MEV, không vượt hiện tại -> không nặng hơn tuần trước, không dồn về 0
    else if(direction==='repeat'){ t=cur; rpe='giữ như tuần này'; }
    else if(direction==='resensitize'){ t=wsClamp(cur+Math.min(delta,-1), 2, vm.mrv); rpe='hạ RIR 0, giữ tải'; }
    else if(direction==='maintain'){ t=wsClamp(cur+Math.min(delta,0), vm.mev, vm.mrv); rpe='giữ tải'; }
    else { t=wsClamp(cur+delta, vm.mev, vm.mrv); rpe='tăng tải nhẹ / giảm RIR ~1'; }
    next[mus]={target:t, prev:cur, delta:t-cur, rpe:rpe, mev:vm.mev, mrv:vm.mrv};
    prevTotal+=cur; rawTotal+=t;
  });
  if(direction==='progress' && prevTotal>0){
    var cap=Math.floor(prevTotal*(1+A.maxWeeklySetRamp));
    var ups=Object.keys(next).filter(function(mus){return next[mus].delta>0;});
    var totalPos=ups.reduce(function(s,mus){return s+next[mus].delta;},0);
    var allowedPos=totalPos-(rawTotal-cap); // phần TĂNG được phép sau khi trừ vượt trần
    if(allowedPos < totalPos && totalPos>0){
      // PHÂN BỔ THEO TỶ LỆ (largest-remainder) — mọi nhóm cùng nhích lên thay vì bỏ đói nhóm muốn tăng nhiều nhất
      var scale=Math.max(0, allowedPos)/totalPos;
      var floors=ups.map(function(mus){ var ideal=next[mus].delta*scale; return {mus:mus, base:Math.floor(ideal), frac:ideal-Math.floor(ideal)}; });
      var used=floors.reduce(function(s,f){return s+f.base;},0);
      var remain=Math.max(0,Math.round(allowedPos))-used;
      floors.sort(function(a,b){return b.frac-a.frac;});
      for(var i=0;i<floors.length;i++){ var give=floors[i].base + (i<remain?1:0); var mus=floors[i].mus; var newDelta=Math.min(next[mus].delta, give); if(newDelta!==next[mus].delta){ next[mus].target-=(next[mus].delta-newDelta); next[mus].delta=newDelta; next[mus].rampCapped=true; } }
    }
  }
  return next;
}
// GỢI Ý (KHÔNG tự áp dụng) các bài thân thiện khớp thay cho 1 bài gây đau: cùng cơ chính, ưu tiên MÁY/CÁP (đường dẫn cố định, ít stress khớp).
// Trả TOP N để học viên + HLV/bác sĩ cân nhắc. GIỮ ĐA KHỚP nếu có (compound thân thiện) để không mất volume cơ phụ như đổi sang isolation.
function wsJointFriendlyAlts(exId, equipmentOwned, goal, n){
  var ex=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===exId; }); if(!ex) return [];
  function eqOk(e){ return !equipmentOwned||!equipmentOwned.length||e.equipment_required.every(function(q){return q==="bodyweight"||equipmentOwned.indexOf(q)>=0;}); }
  function friendliness(e){ var q=e.equipment_required||[]; if(q.indexOf('machine')>=0) return 3; if(q.indexOf('cable')>=0) return 2.5; if(q.indexOf('dumbbell')>=0) return 1.5; if(q.indexOf('bodyweight')>=0) return 1; return 0; }
  function keepsCompound(e){ return (ex.type!=="isolation" && e.type!=="isolation") ? 1 : 0; } // giữ đa khớp -> không mất volume cơ phụ
  var cands=WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===ex.primary_muscle.name && e.exercise_id!==exId && !WS_NEVER_AUTO_PICK[e.exercise_id] && (!WS_STRENGTH_ONLY_ANCHOR[e.exercise_id]||goal==="strength") && eqOk(e); });
  // ưu tiên: (1) máy/cáp thân thiện khớp, (2) giữ đa khớp (không mất cơ phụ), (3) khác chuyển động (tránh đúng động tác đau), (4) SFR
  cands.sort(function(a,b){ return friendliness(b)-friendliness(a) || keepsCompound(b)-keepsCompound(a) || ((a.pattern!==ex.pattern?1:0)-(b.pattern!==ex.pattern?0:0)) || wsSfrScore(b)-wsSfrScore(a); });
  return cands.slice(0, n||3);
}

// ================== TRI THỨC KHỚP ĐAU THEO CHUYỂN ĐỘNG (khách quan, KHÔNG chẩn đoán — luôn khuyên gặp chuyên gia) ==================
// Định hướng nội dung: NSCA Essentials of S&C; đồng thuận vật lý trị liệu thể thao; tổng quan Sports Medicine về đau vai/khuỷu/lưng khi tập tạ.
var WS_JOINT_LABEL={ shoulder:"Vùng vai", elbow:"Vùng khuỷu", wrist:"Vùng cổ tay/bàn tay", low_back:"Vùng lưng dưới (thắt lưng)", neck:"Vùng cổ/gáy", hip:"Vùng hông/háng", knee:"Vùng gối", ankle:"Vùng cổ chân/gót (Achilles)" };
// Phân loại chuyển động từ pattern/cơ chính -> nhóm khớp LIÊN QUAN (không xổ khớp không liên quan).
function wsMoveCategory(ex){
  if(!ex) return "other"; var p=(ex.pattern||"").toLowerCase();
  if(/đẩy vai|đẩy dọc/.test(p)) return "vertical_press";
  if(/đẩy ngang|đẩy nghiêng|đẩy sát|dip|cầm ngửa/.test(p)) return "horizontal_press";
  if(/ép ngực/.test(p)) return "fly";
  if(/kéo dọc/.test(p)) return "vertical_pull";
  if(/kéo ngang/.test(p)) return "horizontal_pull";
  if(/kéo xô/.test(p)) return "lat_iso";
  if(/squat/.test(p)) return "squat";
  if(/hinge|ưỡn hông/.test(p)) return "hinge";
  if(/gập tay trước/.test(p)) return "curl";
  if(/duỗi tay sau/.test(p)) return "triceps";
  if(/mông|nâng hông/.test(p)) return "glute";   // PHẢI trước delt_raise: "Nâng hông" (hip thrust) không được nhận nhầm là "nâng" (raise vai)
  // PHẢI trước delt_raise: Face Pull/Rear Delt Fly ("Vai sau - kéo mặt"/"Vai sau - dang ngang") là bài KÉO ngang + xoay ngoài,
  // KHÔNG PHẢI bài "nâng tay cao" như lateral/front raise — cơ chế chấn thương khác hẳn (không phải chèn ép do nâng quá cao),
  // nên lời khuyên "đừng nâng tay quá cao" của delt_raise hoàn toàn sai ngữ cảnh nếu gộp chung. Tách riêng category rear_delt.
  if(/vai sau/.test(p)) return "rear_delt";
  if(/nâng|chữ y/.test(p)) return "delt_raise";
  if(/duỗi gối/.test(p)) return "leg_ext";
  if(/gập gối/.test(p)) return "leg_curl";
  if(/bắp chuối/.test(p)) return "calf";
  if(/đùi trong/.test(p)) return "adductor";
  if(/bụng|thăng bằng|xoay thân/.test(p)) return "core";
  if(/nhún vai/.test(p)) return "shrug";
  return "other";
}
var WS_MOVE_JOINTS={
  horizontal_press:["shoulder","elbow","wrist","low_back"], vertical_press:["shoulder","elbow","wrist","low_back","neck"],
  fly:["shoulder","elbow"], vertical_pull:["shoulder","elbow","wrist"], horizontal_pull:["shoulder","elbow","wrist","low_back"],
  lat_iso:["shoulder","elbow"], squat:["knee","hip","low_back","ankle"], hinge:["low_back","hip","knee"],
  curl:["elbow","wrist"], triceps:["elbow","shoulder","wrist"], delt_raise:["shoulder"], rear_delt:["shoulder"], leg_ext:["knee"],
  leg_curl:["knee","hip"], calf:["ankle"], glute:["hip","low_back","knee"], adductor:["hip"],
  core:["low_back","neck"], shrug:["neck","wrist"], other:["shoulder","elbow","wrist","low_back","hip","knee"]
};
function wsExerciseJoints(exId){
  var ex=WS_EXERCISE_DB.find(function(e){return e.exercise_id===exId;}); var c=wsMoveCategory(ex);
  var base=(WS_MOVE_JOINTS[c]||WS_MOVE_JOINTS.other).slice();
  var eq=ex?(ex.equipment_required||[]):[]; var isBar=eq.indexOf("barbell")>=0;
  // Bài ĐÒN: giữ đòn/nắm nặng -> thêm vùng cổ tay (grip) & vai (rack squat) — hay đau nhưng dễ bị bỏ sót.
  if(c==="squat" && isBar){ if(base.indexOf("wrist")<0)base.push("wrist"); if(base.indexOf("shoulder")<0)base.push("shoulder"); }
  if(c==="hinge" && isBar){ if(base.indexOf("wrist")<0)base.push("wrist"); }
  // Tinh chỉnh theo BÀI cụ thể: dip không tải lưng dưới (bỏ); leg curl NẰM dễ ưỡn thắt lưng (thêm lưng dưới).
  if(ex && ex.pattern==="Dip"){ base=base.filter(function(j){return j!=="low_back";}); }
  if(exId==="lying_leg_curl" && base.indexOf("low_back")<0){ base.push("low_back"); }
  return base;
}
// CỜ ĐỎ TOÀN THÂN — luôn hiển thị: dừng buổi & đi khám bất kể vùng nào.
var WS_GLOBAL_REDFLAGS=[
  "Nghe tiếng \"bốp\" hoặc cảm giác đứt/rách ngay lúc tập",
  "Khớp lỏng lẻo, mất vững, hoặc kẹt cứng không co duỗi được",
  "Sưng to nhanh, bầm tím, hoặc lệch hình",
  "Tê rần, châm chích, tay/chân yếu đi, hoặc đau chạy dọc xuống tay/chân",
  "Đau dữ dội không đỡ dù đã nghỉ, hoặc đau nhức về đêm",
  "(Lưng) tiểu/đại tiện mất kiểm soát, tê vùng bẹn-mông → đi CẤP CỨU ngay"
];
// Phân họ chuyển động TRONG 1 VÙNG để chọn đúng ngữ cảnh chẩn đoán phân biệt (theo cơ chế tải của bài, không phải theo ngày tập).
function wsRegionFamily(region, cat){ cat=cat||"";
  if(region==="shoulder"){ if(cat==="squat")return "rack"; if(cat==="vertical_press"||cat==="triceps")return "press_v"; if(cat==="horizontal_press"||cat==="fly")return "press_h"; if(cat==="delt_raise")return "raise"; if(cat==="rear_delt")return "rear_delt"; return "pull"; }
  if(region==="elbow"){ if(cat==="curl")return "flex"; if(cat==="vertical_pull"||cat==="horizontal_pull"||cat==="lat_iso")return "grip"; return "ext"; }
  if(region==="wrist"){ if(cat==="squat")return "rack"; if(cat==="vertical_pull"||cat==="horizontal_pull"||cat==="hinge"||cat==="shrug")return "grip"; return "press"; }
  if(region==="low_back"){ if(cat==="squat"||cat==="hinge"||cat==="glute"||cat==="horizontal_pull")return "loaded"; if(cat==="core")return "flex"; return "arch"; }
  if(region==="hip"){ if(cat==="adductor")return "adductor"; return "squat_hinge"; }
  // hinge (deadlift/RDL) hầu như KHOÁ THẲNG gối, cơ chế hamstring-dominant giống leg_curl — KHÁC HẲN squat (gập gối dưới tải,
  // quad-dominant): gán chung "squat" sẽ chẩn nhầm gân bánh chè/khớp chè-đùi (jumper's knee) cho đau gối khi hinge.
  if(region==="knee"){ if(cat==="leg_ext")return "ext"; if(cat==="leg_curl"||cat==="hinge")return "curl"; return "squat"; }
  // squat/hinge: cơ chế đau cổ chân chủ yếu là CHÈN ÉP PHÍA TRƯỚC (hạn chế gập mu bàn chân khi ngồi sâu), KHÁC HẲN đau gân gót
  // (phía SAU, do nhón/đẩy gót) của bài bắp chuối — gộp chung "achilles" cho squat sẽ chẩn nhầm mặt trước thành mặt sau.
  if(region==="ankle"){ if(cat==="squat"||cat==="hinge") return "dorsiflexion"; return "achilles"; }
  return "general";
}
// TÊN chẩn đoán = thuật ngữ giải phẫu CHUẨN; phần giải thích (w) & hướng chỉnh (c) = ngôn ngữ dễ hiểu. Định hướng: Brukner & Khan; Cook-Purdam; Keogh & Winwood 2017.
var WS_REGION_DX={
  shoulder:{
    press_h:{p:{n:"Bệnh lý gân cơ chóp xoay / hội chứng chèn ép dưới mỏm cùng vai",w:"khi khuỷu dang ngang quá rộng và hạ tạ quá sâu, chỏm vai chèn vào gân ở khe dưới mỏm cùng vai"},
      d:[{n:"Rách sụn viền ổ chảo (labrum, gồm tổn thương SLAP)",w:"khi hạ tạ quá sâu, thấy lỏng hoặc kẹt trong vai"},{n:"Viêm gân đầu dài cơ nhị đầu cánh tay",w:"đau ngay mặt trước vai khi gồng gập tay"},{n:"Thoái hoá/viêm khớp cùng-đòn (khớp AC)",w:"đau đúng đỉnh vai, nặng hơn khi khép tay ngang hoặc dip sâu"},{n:"Rách cơ hoặc gân cơ ngực lớn",w:"gặp khi bench rất nặng lúc hạ tạ — cảnh giác nếu nghe 'bốp' và bầm ở nách"},{n:"Viêm túi hoạt dịch dưới mỏm cùng vai",w:""},{n:"Đau quy chiếu từ cột sống cổ (bệnh lý rễ thần kinh cổ)",w:"nguồn đau có thể ở cổ chứ không phải vai"}],
      c:"① Khép khuỷu vào: cánh tay tạo với thân người ~45-75° (nhìn từ trên), ĐỪNG dang ngang 90° kiểu chữ T. ② Bề rộng nắm: khi hạ tới ngực, cẳng tay dựng THẲNG ĐỨNG vuông góc sàn (~1.5 lần rộng vai). ③ Siết và ép hai bả vai xuống-vào ghế suốt hiệp. ④ Hạ chạm nhẹ vùng mũi ức, không nảy; nếu đau dừng cách ngực 2-4cm. ⑤ Máy/tạ đơn: chỉnh ghế để tay cầm ngang GIỮA ngực.",r:"Đau khi nâng tay tới khoảng ngang vai, tay yếu hẳn, hoặc đau nhức về đêm."},
    press_v:{p:{n:"Bệnh lý gân cơ chóp xoay / hội chứng chèn ép dưới mỏm cùng vai khi đưa tay qua đầu",w:"vai chưa đủ tầm hoặc bả vai chưa vững khi đẩy tay lên cao khiến gân bị chèn"},
      d:[{n:"Mất vững khớp ổ chảo-cánh tay (đa hướng)",w:"cảm giác lỏng khi tay qua đầu"},{n:"Rách sụn viền ổ chảo (labrum)",w:""},{n:"Viêm gân đầu dài cơ nhị đầu cánh tay",w:""},{n:"Thoái hoá khớp cùng-đòn (khớp AC)",w:""},{n:"Bệnh lý rễ thần kinh cổ C5-C6 (đau quy chiếu)",w:"thường kèm tê chạy xuống tay"}],
      c:"① Nếu đau lúc tay qua đầu: đổi sang đẩy góc ~45° (landmine) hoặc NGỒI ghế ngả 60-75° thay vì đẩy thẳng đứng. ② Đẩy đòn thẳng trước mặt, đầu lùi nhẹ nhường đòn — KHÔNG đẩy ra sau gáy. ③ Hạ xương sườn xuống + gồng bụng, không ưỡn lưng. ④ Nắm sao cho ở đáy cẳng tay dựng thẳng đứng.",r:"Tê/lan xuống tay, tay yếu, hoặc đau kéo dài ở khoảng ngang vai."},
    pull:{p:{n:"Bệnh lý gân cơ chóp xoay (chủ yếu bó sau-dưới) do quá tải khi kéo",w:"kéo xà/kéo cáp xuống quá sâu, nhất là kéo ra sau gáy"},
      d:[{n:"Rách sụn viền sau ổ chảo",w:""},{n:"Viêm gân đầu dài cơ nhị đầu cánh tay",w:""},{n:"Mất vững khớp ổ chảo-cánh tay",w:"khi kéo ra sau gáy"},{n:"Đau quy chiếu từ cột sống cổ",w:""}],
      c:"① Kéo về phía TRƯỚC ngực, ĐỪNG kéo ra sau gáy. ② Nắm rộng vừa ~1.3 lần rộng vai, hoặc đổi sang tay cầm trung tính (thanh chữ V). ③ Dẫn động bằng khuỷu — đưa khuỷu về phía hông, siết hai bả vai, ngực hơi ưỡn. ④ Không đu người lấy đà.",r:"Tê/lan tay, tay yếu, hoặc cảm giác lỏng khớp."},
    raise:{p:{n:"Hội chứng chèn ép dưới mỏm cùng vai / bệnh lý gân cơ chóp xoay",w:"nâng tạ lên quá cao hoặc quá nặng làm chỏm vai chèn vào gân ở khe dưới mỏm cùng vai"},
      d:[{n:"Viêm gân cơ chóp xoay / viêm túi hoạt dịch dưới mỏm cùng",w:"đau ở khoảng ngang vai khi nâng"},{n:"Thoái hoá/viêm khớp cùng-đòn (khớp AC)",w:"đau đỉnh vai khi đưa tay ngang lên cao"},{n:"Mất vững khớp ổ chảo-cánh tay",w:""},{n:"Đau quy chiếu từ cột sống cổ",w:""}],
      c:"① ĐỪNG nâng tay quá cao — dừng ở khoảng NGANG VAI (cánh tay song song sàn), không cao hơn. ② Xoay nhẹ ngón cái lên (như rót nước) và đưa tay hơi chếch ra trước ~30° (mặt phẳng bả vai) thay vì nâng thẳng sang ngang. ③ Dùng tạ nhẹ, kiểm soát, không vung/lắc người. ④ Nếu đau: giảm biên độ nâng, đổi sang cáp/máy.",r:"Đau ở khoảng ngang vai khi nâng, tay yếu, hoặc đau về đêm."},
    rear_delt:{p:{n:"Quá tải/viêm gân bó sau cơ chóp xoay (cơ dưới gai, tròn bé) do kéo lặp lại",w:"Face Pull/Rear Delt Fly là bài KÉO ngang + xoay ngoài (KHÔNG PHẢI nâng tay cao) — kéo giật/kéo quá xa ra sau lặp đi lặp lại làm mỏi-viêm nhóm gân xoay ngoài phía sau vai"},
      d:[{n:"Hội chứng chèn ép dưới mỏm cùng vai (thể nhẹ, do xoay ngoài quá tầm)",w:"đau khi kéo tay/dây ra sát mặt hoặc ép bả vai quá mạnh"},{n:"Viêm gân đầu dài cơ nhị đầu cánh tay",w:"đau mặt trước vai dù đang tập bài vai sau — dễ nhầm nguồn"},{n:"Thoái hoá/viêm khớp cùng-đòn (khớp AC)",w:"ít gặp hơn ở bài này so với bài đẩy/nâng"},{n:"Đau quy chiếu từ cột sống cổ (bệnh lý rễ thần kinh cổ)",w:"nguồn đau có thể ở cổ chứ không phải vai"}],
      c:"① KHÔNG giật/kéo nảy ở cuối tầm — kéo chậm, có kiểm soát, dừng khi tay ngang vai hoặc thấy căng nhẹ, đừng cố kéo hết cỡ ra sau. ② Face Pull: kéo dây/cáp về hướng MẶT (không phải xuống ngực), khuỷu ngang vai. ③ Đây là bài phụ trợ/liều cao-rep, KHÔNG cần tạ nặng — ưu tiên kiểm soát hơn tăng tải. ④ Nếu đau: giảm biên độ xoay ngoài cuối tầm, giảm tạ, tăng nghỉ giữa hiệp.",r:"Đau khi kéo tay ra sau, tay yếu khi xoay ngoài, hoặc đau về đêm."},
    rack:{p:{n:"Quá tải gân cơ chóp xoay & bao khớp vai do tư thế giữ đòn (rack)",w:"khi gánh đòn, vai phải xoay ngoài và duỗi nhiều để giữ đòn — nếu vai cứng hoặc đặt đòn sai sẽ căng gân và khớp vai"},
      d:[{n:"Viêm gân cơ chóp xoay",w:"vai cứng, để đòn thấp (low-bar) kéo căng vai ra sau"},{n:"Thoái hoá/viêm khớp cùng-đòn (khớp AC)",w:"đau đúng đỉnh vai khi tì đòn"},{n:"Căng bao khớp & gân vai trước",w:"gặp ở tư thế front rack (front squat)"},{n:"Hội chứng chèn ép dưới mỏm cùng vai",w:""}],
      c:"① Back squat: để đòn cao trên cơ thang (high-bar) sẽ đỡ căng vai hơn kiểu low-bar. ② Nắm RỘNG hơn để vai bớt phải xoay ngoài; khuỷu hướng thẳng xuống dưới thân. ③ Cải thiện độ linh hoạt vai & ngực trước buổi. ④ Front squat đau vai/cổ tay: đổi sang kiểu BẮT CHÉO TAY hoặc dùng dây đeo (strap). ⑤ Nếu vẫn đau: đổi sang hack squat / leg press / goblet squat.",r:"Đau đỉnh vai hoặc mặt trước vai kéo dài, hoặc tê/lan xuống tay."}
  },
  elbow:{
    ext:{p:{n:"Bệnh lý gân cơ tam đầu cánh tay (bám mỏm khuỷu) / viêm điểm bám lồi cầu",w:"duỗi thẳng khoá khuỷu bật mạnh ở cuối, hoặc nắm tạ quá chặt"},
      d:[{n:"Viêm điểm bám lồi cầu ngoài/trong xương cánh tay ('tennis/golfer's elbow')",w:""},{n:"Thoái hoá khớp khuỷu",w:"đau sâu, cứng khớp"},{n:"Hội chứng đường hầm khuỷu (chèn ép thần kinh trụ)",w:"tê hai ngón út"},{n:"Rách gân cơ tam đầu (hiếm)",w:"nghe 'bốp', duỗi tay yếu hẳn — nên khám sớm"},{n:"Viêm túi hoạt dịch mỏm khuỷu",w:"sưng u sau khuỷu"}],
      c:"① Đừng khoá thẳng bật khuỷu ở cuối — dừng TRƯỚC điểm khoá ~5-10°. ② Bài đẩy tay sau: đổi thanh thẳng sang DÂY THỪNG (nắm trung tính) để giảm căng điểm bám. ③ Close-grip bench: nắm rộng cỡ bằng vai, ĐỪNG hẹp dưới ~25cm. ④ Khởi động gân 2-3 hiệp nhẹ tăng dần; giảm tạ/số hiệp tạm thời.",r:"Duỗi tay yếu, sưng, hoặc tê ngón út."},
    flex:{p:{n:"Bệnh lý gân xa cơ nhị đầu cánh tay / viêm điểm bám lồi cầu trong",w:"gập tay có tạ lặp lại, nhất là khi ghìm lúc hạ"},
      d:[{n:"Đứt gân xa cơ nhị đầu cánh tay",w:"nghe 'bốp', bắp tay dồn cục ('Popeye'), bầm — nên khám sớm"},{n:"Viêm điểm bám lồi cầu (trong/ngoài) xương cánh tay",w:""},{n:"Chèn ép thần kinh trụ/quay vùng khuỷu",w:"tê lan xuống bàn tay"}],
      c:"① Đổi thanh thẳng sang thanh EZ (cổ tay hơi ngửa vào) để giảm căng cổ tay-khuỷu. ② Kiểm soát pha hạ ~2-3 giây, KHÔNG giật/đánh tạ. ③ Đừng duỗi khoá thẳng bật khuỷu ở đáy. ④ Giảm tạ nếu cần, tăng lại từ từ.",r:"Bắp tay biến dạng, gập tay yếu, hoặc bầm tím."},
    grip:{p:{n:"Viêm điểm bám lồi cầu trong xương cánh tay ('golfer's elbow')",w:"nắm tạ chặt cộng gập cổ tay khi kéo/deadlift"},
      d:[{n:"Bệnh lý gân cơ nhị đầu cánh tay",w:""},{n:"Hội chứng đường hầm khuỷu (chèn ép thần kinh trụ)",w:"tê ngón út"},{n:"Viêm điểm bám lồi cầu ngoài",w:""}],
      c:"① Dùng DÂY ĐEO (strap) để đỡ lực nắm, dồn sức vào cơ đích. ② Nắm trung tính hoặc rộng vừa. ③ Giảm khối lượng nắm nặng tạm thời. ④ Khởi động cẳng tay (gập-duỗi cổ tay nhẹ 1-2 phút) trước khi kéo nặng.",r:"Tê ngón, hoặc cầm nắm yếu."}
  },
  wrist:{
    press:{p:{n:"Căng gân duỗi/gấp cổ tay hoặc bong gân dây chằng cổ tay",w:"cổ tay ngả (ngửa) ra sau quá mức dưới sức nặng khi đẩy/gập"},
      d:[{n:"Hội chứng ống cổ tay (chèn ép thần kinh giữa)",w:"tê ngón cái-trỏ-giữa, nặng về đêm"},{n:"Tổn thương phức hợp sụn sợi tam giác (TFCC) phía trụ cổ tay",w:"đau phía ngón út khi vặn/tì tay"},{n:"Viêm bao gân dạng dài & duỗi ngắn ngón cái (De Quervain)",w:"đau phía ngón cái"},{n:"Thoái hoá khớp cổ tay",w:""}],
      c:"① Giữ cổ tay THẲNG trung tính, đừng để ngả ra sau. ② Đặt đòn THẤP sát gốc lòng bàn tay, tì trên khối xương (đừng để đòn cao gần các ngón). ③ Quấn cổ tay (wrist wrap) cho các bài đẩy nặng. ④ Đổi sang thanh EZ, tạ đơn hoặc máy nắm trung tính.",r:"Tê ngón, cầm nắm yếu, hoặc sưng."},
    rack:{p:{n:"Căng gân-dây chằng cổ tay do tư thế giữ đòn khi squat",w:"back squat làm cổ tay gập dưới đòn; front squat làm cổ tay ngửa hết cỡ ở tư thế front rack"},
      d:[{n:"Bong gân dây chằng cổ tay",w:""},{n:"Căng gân duỗi cổ tay",w:""},{n:"Quá tầm ngửa khớp cổ tay (front rack)",w:""}],
      c:"① Back squat: ĐỪNG dùng tay đỡ sức nặng đòn — để đòn nằm trên lưng, tay chỉ giữ nhẹ; nắm rộng vừa để cổ tay thẳng. ② Quấn cổ tay (wrist wrap). ③ Front squat: nếu cổ tay đau, đổi sang kiểu BẮT CHÉO TAY hoặc dùng dây đeo (strap) thay vì các ngón giữ đòn. ④ Cải thiện độ linh hoạt cổ tay & duỗi ngón.",r:"Sưng, đau kéo dài, hoặc tê ngón."},
    grip:{p:{n:"Quá tải gân gấp cổ tay & phức hợp sụn sợi tam giác (TFCC) do nắm nặng",w:"giữ tạ nặng lâu khi kéo/deadlift/nhún vai làm căng gân và sụn đệm phía trụ cổ tay"},
      d:[{n:"Tổn thương phức hợp sụn sợi tam giác (TFCC, phía ngón út)",w:""},{n:"Hội chứng ống cổ tay (chèn ép thần kinh giữa)",w:""},{n:"Căng gân gấp cổ tay",w:""}],
      c:"① Dùng DÂY ĐEO (strap) để giảm gánh cho lực nắm. ② Nắm chắc bằng cả bàn tay, giữ cổ tay THẲNG. ③ Giảm khối lượng nắm nặng tạm thời; khởi động cẳng tay. ④ Chia nhỏ set nếu lực nắm mỏi.",r:"Tê ngón, đau phía ngón út, hoặc cầm nắm yếu."}
  },
  low_back:{
    loaded:{p:{n:"Căng cơ dựng sống / cơ cạnh sống thắt lưng — thường là mỏi cơ (DOMS) lành tính",w:"nhóm cơ này làm việc rất mạnh khi squat/deadlift, nên căng-mỏi sau buổi tập thường là bình thường; chỉ cần đừng dồn quá nhiều bài nặng cho lưng"},
      d:[{n:"Thoát vị đĩa đệm thắt lưng / chèn ép rễ thần kinh",w:"đau chạy xuống mông-chân, tê, chân yếu"},{n:"Bong gân khớp mỏm sau (facet) hoặc dây chằng cột sống",w:"đau khu trú một điểm, nặng hơn khi ngửa/vặn người"},{n:"Rối loạn khớp cùng-chậu",w:"đau lệch một bên vùng chậu-mông"},{n:"Khuyết eo / gãy eo đốt sống (spondylolysis)",w:"người trẻ, ưỡn lưng lặp lại"}],
      c:"① Giữ lưng thẳng tự nhiên; gồng bụng 360° như 'chuẩn bị bị thụi vào bụng' TRƯỚC mỗi rep. ② Deadlift: đòn sát ống chân, kéo bằng cách ĐẠP sàn, giữ đòn men theo chân, không để lưng cong. ③ Squat: đường đi của đòn thẳng qua GIỮA bàn chân. ④ Cân nhắc đai lưng cho set nặng. ⑤ Giãn số bài nặng cho lưng (cách nhau ≥48h) và giảm volume tạm thời.",r:"Tê/yếu chân, đau chạy xuống chân, hoặc tiểu/đại tiện mất kiểm soát → đi cấp cứu."},
    arch:{p:{n:"Quá tải khớp mỏm sau (facet) & cơ cạnh sống do ưỡn thắt lưng quá mức",w:"ưỡn lưng lấy thế khi bench/đẩy vai mà quên gồng bụng"},
      d:[{n:"Căng cơ cạnh sống thắt lưng",w:""},{n:"Khuyết eo/gãy eo đốt sống (spondylolysis)",w:"người trẻ, ưỡn lặp lại"},{n:"Thoát vị đĩa đệm (ít gặp với kiểu ưỡn này)",w:""}],
      c:"① Ưỡn lưng NHẸ tự nhiên thôi, đừng cường điệu. ② Hạ xương sườn xuống + gồng bụng để khoá khung sườn-chậu. ③ Chân đạp sàn nhưng đừng đẩy hông vổng cao. ④ Nếu OHP đau: chuyển sang NGỒI ghế CÓ TỰA lưng.",r:"Tê/yếu/đau chạy xuống chân."},
    flex:{p:{n:"Kích thích đĩa đệm/cấu trúc sau & căng cơ do gập-xoay cột sống lặp lại",w:"gập bụng hoặc vặn người có tạ lặp lại nhiều"},
      d:[{n:"Thoát vị/lồi đĩa đệm thắt lưng (dễ đau khi gập có tải)",w:""},{n:"Bong gân khớp mỏm sau (facet)/dây chằng cột sống",w:""}],
      c:"① Ưu tiên bài GIỮ thân cố định (plank, dead bug, pallof press) thay vì gập cong cột sống lặp lại. ② Nếu tập bụng gập: giới hạn biên độ, không kéo cổ. ③ Tránh gập-vặn cột sống dưới tạ nặng.",r:"Tê/lan/yếu chân."}
  },
  neck:{ general:{p:{n:"Căng cơ vùng cổ - vai gáy (chủ yếu cơ thang trên)",w:"gồng/rướn cổ khi đẩy vai/nhún vai, hoặc lấy tay kéo cổ khi gập bụng"},
      d:[{n:"Bệnh lý rễ thần kinh cổ (radiculopathy)",w:"tê/lan xuống tay, tay yếu — cần khám"},{n:"Thoái hoá đốt sống cổ",w:""},{n:"Đau đầu do căng cơ (tension headache)",w:""}],
      c:"① Giữ cổ thẳng theo thân, mắt nhìn thẳng hoặc hơi xuống. ② KHÔNG lấy tay kéo cổ khi gập bụng — đặt tay nhẹ sau đầu hoặc bắt chéo trước ngực. ③ Chủ động HẠ vai xuống (thả lỏng vai gáy), không rụt cổ. ④ Thở đều, không nín-gồng cổ.",r:"Tê/lan xuống tay, hoặc tay yếu."} },
  hip:{
    squat_hinge:{p:{n:"Hội chứng chèn ép ổ cối-chỏm xương đùi (FAI) / kích ứng sụn viền ổ cối",w:"hạ hông quá sâu vượt tầm (mông cuộn dưới), hoặc kiểu đứng chân chưa hợp"},
      d:[{n:"Viêm gân cơ thắt lưng-chậu / gân cơ khép",w:"đau háng trước khi co/khép chân có lực"},{n:"Bệnh lý gân bám gần nhóm cơ Hamstring (tại ụ ngồi)",w:"đau sâu dưới mông khi cúi kéo (RDL)"},{n:"Viêm túi hoạt dịch mấu chuyển lớn",w:"đau ở MẶT NGOÀI hông"},{n:"Đau quy chiếu từ cột sống thắt lưng",w:""}],
      c:"① Chỉnh kiểu đứng: chân rộng bằng hoặc hơn vai, mũi chân xoè ~15-30°. ② Hạ xuống tới NGAY TRÊN mức mông bắt đầu cuộn dưới ('butt wink') — đó là độ sâu của bạn hiện tại. ③ Squat: chủ động đẩy gối RA NGOÀI theo hướng mũi chân. ④ Tập giãn/linh hoạt hông (tư thế 90/90, giãn cơ gấp hông) ngoài buổi.",r:"Cảm giác kẹt/khoá trong khớp háng, hoặc đau lan."},
    adductor:{p:{n:"Căng cơ khép đùi / viêm gân điểm bám cơ khép (vùng háng trong)",w:"co-khép chân có lực hoặc squat chân quá rộng"},
      d:[{n:"Thoát vị thể thao (đau háng do gân-cơ vùng bẹn)",w:"đau háng dai dẳng khi ráng sức"},{n:"Hội chứng chèn ép ổ cối-chỏm (FAI) / rách sụn viền ổ cối",w:""},{n:"Đau quy chiếu",w:""}],
      c:"① Thu hẹp bề rộng chân/biên độ dạng-khép về mức không đau. ② Khởi động cơ khép (bước ngang nhẹ, ép háng nhẹ) trước. ③ Tăng tải/biên độ lại từ từ theo tuần.",r:"Đau háng kéo dài, hoặc sưng."}
  },
  knee:{
    squat:{p:{n:"Bệnh lý gân bánh chè ('jumper's knee') / hội chứng đau khớp chè-đùi",w:"gân dưới bánh chè chịu tải lớn và gối đổ vào trong, đau ở phía trước gối"},
      d:[{n:"Bệnh lý gân cơ tứ đầu đùi",w:"đau ngay TRÊN xương bánh chè"},{n:"Tổn thương sụn chêm",w:"đau ở khe khớp, cảm giác kẹt/khoá gối"},{n:"Nhuyễn sụn/thoái hoá sụn mặt sau xương bánh chè",w:"lạo xạo, đau khi lên xuống cầu thang"},{n:"Tổn thương dây chằng gối (chéo trước/bên trong) nếu có xoay/trẹo",w:""},{n:"Viêm túi hoạt dịch quanh gối",w:""}],
      c:"① Cho gối đi THEO hướng mũi chân, chủ động đẩy gối ra ngoài (chống đổ vào trong). ② Hạ chậm 2-3 giây có kiểm soát. ③ Nếu đau trước gối: giảm tải/biên độ; kê gót (tấm kê 1-2cm/giày đế cứng) khi cổ chân cứng. ④ Đa dạng góc (đổi độ sâu/bề rộng chân) thay vì luôn một kiểu.",r:"Sưng, kẹt/khoá gối, gối mất vững, hoặc đau nhói khi vặn."},
    ext:{p:{n:"Hội chứng đau khớp chè-đùi / bệnh lý gân bánh chè",w:"leg extension ép trực tiếp lên khớp chè-đùi ở đoạn duỗi thẳng cuối"},
      d:[{n:"Bệnh lý gân cơ tứ đầu đùi",w:""},{n:"Nhuyễn sụn xương bánh chè",w:""},{n:"Tổn thương sụn chêm",w:""}],
      c:"① Nếu đau: GIỚI HẠN đoạn duỗi thẳng cuối — dừng khoảng 10-20° trước khi gối khoá thẳng. ② Giảm tạ và tập trong biên độ không đau. ③ Cân nhắc đổi sang leg press (chân đạp bàn, khớp gối dễ chịu hơn).",r:"Sưng, lạo xạo đau, hoặc kẹt gối."},
    curl:{p:{n:"Bệnh lý gân bám nhóm cơ Hamstring vùng sau gối",w:"gập gối có lực lặp lại"},
      d:[{n:"Tổn thương sụn chêm phía sau",w:""},{n:"Nang khoeo (nang Baker)",w:"sưng sau gối"},{n:"Căng nhóm cơ Hamstring",w:""}],
      c:"① Hạ chậm có kiểm soát, đừng giật. ② Khởi động nhóm cơ Hamstring (gập gối nhẹ, RDL nhẹ) trước. ③ Máy nằm: giữ hông áp sát đệm, KHÔNG ưỡn lưng nhấc hông lên.",r:"Sưng sau gối, hoặc kẹt gối."}
  },
  ankle:{ achilles:{p:{n:"Bệnh lý gân gót (gân Achilles)",w:"nhón gót/tập bắp chuối lặp nhiều — gân gót (phía SAU cổ chân) chịu tải lặp lại khi đẩy/nhón"},
      d:[{n:"Viêm cân gan chân",w:"đau gót ở lòng bàn chân, đau nhất bước đầu buổi sáng"},{n:"Hội chứng chèn ép phía sau cổ chân",w:"đau khi nhón/gập bàn chân xuống hết cỡ"},{n:"Rách/căng cơ bụng chân (đầu trong cơ sinh đôi cẳng chân — 'tennis leg')",w:"đau nhói bắp chân giữa hiệp"},{n:"Rách bán phần gân gót (hiếm)",w:"nghe 'bốp', đạp gót hụt lực — cần khám gấp"}],
      c:"① Tập bắp chuối: kiểm soát, KHÔNG bật nảy; nếu đau thì giảm biên độ hạ sâu ở đáy. ② Tăng tải RẤT từ từ (gân gót cần thời gian thích nghi). ③ Tập giãn/linh hoạt cổ chân ngoài buổi.",r:"Nghe 'bốp', đạp gót hụt lực, hoặc sưng vùng gân gót."},
    dorsiflexion:{p:{n:"Chèn ép/hạn chế tầm gập mu bàn chân phía TRƯỚC cổ chân (anterior ankle impingement)",w:"squat/hinge ngồi sâu đòi hỏi cẳng chân ngả ra trước nhiều — nếu cổ chân cứng, xương chày và xương sên cấn/chèn vào nhau ở mặt TRƯỚC (khác hẳn đau gân gót phía sau của bài bắp chuối)"},
      d:[{n:"Căng/quá tải gân gót (gân Achilles) do bù trừ khi cố ngồi sâu",w:"cổ chân cứng nên gót nhấc lên, dồn tải bất thường ra gân gót"},{n:"Viêm bao hoạt dịch trước cổ chân",w:"sưng nhẹ, đau khi ấn mặt trước"},{n:"Bong gân dây chằng cổ chân cũ chưa hồi phục hết",w:"tiền sử lật cổ chân, cứng/đau khi gập sâu"},{n:"Thoái hoá khớp cổ chân (hiếm ở người trẻ)",w:"cứng khớp buổi sáng, đau âm ỉ"}],
      c:"① Kê gót: mang giày đế cứng có gót hoặc kê tấm 1-2cm dưới gót để giảm yêu cầu gập mu bàn chân. ② Nới rộng chân một chút hoặc mở nhẹ mũi chân ra ngoài để dễ ngồi sâu hơn mà không cấn cổ chân. ③ Tập giãn/linh hoạt gập mu bàn chân (vd knee-to-wall) ngoài buổi. ④ Không cố ép ngồi sâu hơn tầm cổ chân cho phép — ưu tiên squat đúng biên độ hơn là sâu tối đa.",r:"Sưng/nóng đỏ mặt trước cổ chân, đau không giảm khi nghỉ, hoặc cứng khớp kéo dài."} }
};
function wsRegionDx(region, category){
  var fam=wsRegionFamily(region, category); var byFam=WS_REGION_DX[region];
  var e=(byFam && (byFam[fam]||byFam[Object.keys(byFam)[0]])) || null;
  if(!e) return {p:{n:"Cần đánh giá theo tư thế, tải & tầm vận động cụ thể",w:""}, d:[], c:"Giảm tải/tầm tạm thời; kiểm tra kỹ thuật; khởi động kỹ.", r:"Đau nhói, tê, yếu, sưng hoặc kéo dài."};
  return e;
}
// Dựng TUẦN KẾ qua ĐÚNG pipeline generator (wsBuildMesoWeek) với target override từ assessment — mọi bất biến được tái áp.
// deload đi qua nhánh isDeload=true (halve từ PEAK, KHÔNG halve dồn tuần trước → không sụp về 0).
// ÁP "swap map" (bài học viên đã đổi VĨNH VIỄN — chọn "cả các tuần sau"): mọi bài có id nằm trong map bị thay bằng bài mới,
// đảm bảo các tuần tự sinh (autoreg) KHÔNG bao giờ chọn lại bài cũ. Giữ nguyên set; tính lại rep/rpe/nghỉ theo bài mới & tuần.
function wsApplySwapMap(week, swapMap, goal, mesoWeeks, expLevel, weekIndex){
  if(!swapMap || !week || !week.days) return week;
  week.days.forEach(function(d){
    d.exercises.forEach(function(x, xi){
      var nid=swapMap[x.exercise_id]; if(!nid || nid===x.exercise_id) return;
      var ne=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===nid; }); if(!ne) return;
      var isDl=!!week.isDeload; var rr=wsRepRangeAndRPE(ne, goal, weekIndex, mesoWeeks, expLevel);
      d.exercises[xi]=Object.assign({}, x, { exercise:ne.name, exercise_id:ne.exercise_id, pattern:ne.pattern, region:ne.region,
        alternatives:wsAlternativesFor(ne.exercise_id).map(function(z){ return z.name; }),
        reps:isDl?x.reps:rr.reps, rpe:isDl?x.rpe:rr.rpe, load:isDl?x.load:("RPE "+rr.rpe),
        rest_seconds:wsRestSecondsFor(ne.type, goal), video_url:ne.video_url||"", superset:false, superset_group:undefined });
    });
    var gc={}; d.exercises.forEach(function(x){ if(x.superset_group!==undefined) gc[x.superset_group]=(gc[x.superset_group]||0)+1; });
    d.exercises.forEach(function(x){ if(x.superset_group!==undefined && gc[x.superset_group]<2){ x.superset=false; x.superset_group=undefined; } });
  });
  return week;
}
function wsBuildAutoregWeek(meso, prevWeekIndex, assessment){
  var inputs=meso.inputs, template=meso._template, peak=meso._peakVolumeMap, coef=meso._coef, peakWeekIndex=meso._peakWeekIndex, mesoWeeks=meso.mesocycle_weeks;
  if(!template){ return null; } // meso cũ chưa có _template -> UI sẽ yêu cầu tạo lại lịch
  var deload=(assessment.direction==='deload');
  // KHÔNG tự đổi bài chấn thương — app chỉ KHUYẾN CÁO + gợi ý; học viên tự đổi ở cột "Thay thế" (sau khi hỏi HLV/bác sĩ). Giữ nguyên template.
  // MỌI hướng (kể cả deload) dùng target THỰC từ assessment.nextTargets (deload target đã = ~50% hiện tại) -> tuần deload lưu đúng volume thấp, tuần sau tăng từ mốc đó.
  var wVolumeMap={}; Object.keys(assessment.nextTargets).forEach(function(m){ var nt=assessment.nextTargets[m], pk=peak[m]||{}; wVolumeMap[m]={target:nt.target, mev:(nt.mev!==undefined?nt.mev:pk.mev), mavLo:pk.mavLo, mavHi:pk.mavHi, mrv:(nt.mrv!==undefined?nt.mrv:pk.mrv)}; });
  var wIdx = deload ? (mesoWeeks-1) : Math.min(prevWeekIndex+1, peakWeekIndex);
  var built=wsBuildMesoWeek(template, wVolumeMap, inputs, wIdx, mesoWeeks, peak, peakWeekIndex, coef, deload, []);
  return wsApplySwapMap(built, meso._swapMap, inputs.goal, mesoWeeks, inputs.experience_level, wIdx); // ép các bài đã đổi vĩnh viễn
}

/* ---- 5. REST sync (graceful fallback localStorage nếu route ctg/v1/workout-schedules chưa có ở backend) ---- */
function wsNonceHeaders(){ return {'Content-Type':'application/json','X-WP-Nonce':(window.wpApiSettings&&window.wpApiSettings.nonce)||''}; }
function wsLocalKey(userId){ return "ctg_workout_schedules_"+(userId||"self"); }
// TOMBSTONE lịch đã xóa (localStorage): backend có thể CÓ route đọc danh sách nhưng CHƯA có route xóa -> xóa xong refetch từ server
// lịch sẽ "sống lại". Ghi dấu id/created_at đã xóa rồi LỌC khỏi mọi danh sách trả về, bất kể nguồn server hay localStorage.
function wsTombKey(userId){ return "ctg_ws_deleted_"+(userId||"self"); }
function wsReadTombs(userId){ try{ return JSON.parse(localStorage.getItem(wsTombKey(userId))||"[]"); }catch(e){ return []; } }
function wsIsTombed(tombs, s){ if(!s) return false; return tombs.indexOf(s.id!==undefined?("id:"+s.id):null)>=0 || tombs.indexOf(s.created_at!==undefined?("ca:"+s.created_at):null)>=0; }
async function wsFetchSchedules(userId){
  var tombs=wsReadTombs(userId);
  try{
    var r=await fetch('/wp-json/ctg/v1/workout-schedules?user_id='+(userId||0)+'&_t='+Date.now(),{credentials:'same-origin',cache:'no-store',headers:wsNonceHeaders()});
    if(r.ok){ var arr=await r.json(); return (Array.isArray(arr)?arr:[]).filter(function(s){ return !wsIsTombed(tombs,s); }); }
  }catch(e){}
  try{ return JSON.parse(localStorage.getItem(wsLocalKey(userId))||"[]").filter(function(s){ return !wsIsTombed(tombs,s); }); }catch(e){ return []; }
}
async function wsStartSchedule(userId, mesocycle){
  // GIỮ NGUYÊN created_at nếu lịch đã có (lưu lại = CẬP NHẬT bản cũ, không nhân bản) — _sid là mã ổn định gán lúc tạo lịch
  var payload=Object.assign({}, mesocycle, {user_id:userId, created_at: mesocycle.created_at || mesocycle._sid || Date.now()});
  try{
    var r=await fetch('/wp-json/ctg/v1/start-workout-schedule?user_id='+(userId||0),{method:'POST',credentials:'same-origin',headers:wsNonceHeaders(),body:JSON.stringify(payload)});
    if(r.ok){ await r.json(); }
  }catch(e){}
  try{
    var list=JSON.parse(localStorage.getItem(wsLocalKey(userId))||"[]");
    list=list.filter(function(s){ return s.created_at!==payload.created_at; }); // UPSERT: bỏ bản cũ cùng mã trước khi chèn bản mới
    list.unshift(payload);
    localStorage.setItem(wsLocalKey(userId), JSON.stringify(list));
  }catch(e){}
  return payload;
}
// LƯU BỀN dữ liệu tập của TỪNG LỊCH × TỪNG HỌC VIÊN (log rep/kg từng set, vùng đau, thứ tự buổi, bài đã bỏ, khai báo đánh giá, lịch sử đánh giá)
// -> F5/tắt máy không mất; đổi lịch/đổi học viên không dính chéo dữ liệu.
function wsBundleKey(userId, sid){ return "ctg_ws_bundle_"+(userId||"self")+"_"+(sid||"draft"); }
function wsLoadBundle(userId, sid){ try{ return JSON.parse(localStorage.getItem(wsBundleKey(userId,sid))||"null")||{}; }catch(e){ return {}; } }
function wsSaveBundle(userId, sid, bundle){ try{ localStorage.setItem(wsBundleKey(userId,sid), JSON.stringify(bundle)); }catch(e){} }
// XÓA DẤU ✅ CHECK-IN khi buổi tập bị xóa trên lịch (tab Check in tập luyện): quét mọi bundle lưu bền, gỡ ciDate khớp ngày (+phút nếu có).
// Không có id liên kết 2 chiều trong dữ liệu cũ nên khớp theo ngày+phút — đủ chính xác vì 1 ngày hiếm khi có 2 buổi cùng thời lượng.
function wsClearCheckinMark(dateStr, min){
  try{ for(var i=localStorage.length-1;i>=0;i--){ var k=localStorage.key(i); if(!k||k.indexOf("ctg_ws_bundle_")!==0) continue;
    var b=JSON.parse(localStorage.getItem(k)||"null"); if(!b||!b.sessionMeta) continue; var hit=false;
    Object.keys(b.sessionMeta).forEach(function(sk){ var m=b.sessionMeta[sk]; if(m&&m.ciDate===dateStr&&(min===undefined||min===null||m.ciMin===min)){ delete m.ciDate; delete m.ciMin; delete m.ciCal; hit=true; } });
    if(hit) localStorage.setItem(k, JSON.stringify(b));
  } }catch(e){}
}
// ĐỐI SOÁT dấu ✅ với danh sách buổi tập THẬT trên server: dấu nào không còn buổi "Tập tạ —" tương ứng (đã bị xóa — kể cả xóa TRƯỚC khi có
// cơ chế gỡ dấu, hoặc xóa trên thiết bị khác) thì tự gỡ. valid = {"date_min": 1} từ serverWorkouts. Chỉ quét bundle của đúng học viên (uidKey).
function wsSweepCheckinMarks(uidKey, valid){
  try{ var pref="ctg_ws_bundle_"+uidKey+"_";
    for(var i=localStorage.length-1;i>=0;i--){ var k=localStorage.key(i); if(!k||k.indexOf(pref)!==0) continue;
      var b=JSON.parse(localStorage.getItem(k)||"null"); if(!b||!b.sessionMeta) continue; var hit=false;
      Object.keys(b.sessionMeta).forEach(function(sk){ var m=b.sessionMeta[sk]; if(m&&m.ciDate&&!valid[m.ciDate+"_"+(+m.ciMin||0)]){ delete m.ciDate; delete m.ciMin; delete m.ciCal; hit=true; } });
      if(hit) localStorage.setItem(k, JSON.stringify(b));
  } }catch(e){}
}
// KỶ LỤC CÁ NHÂN (PR) — lưu DÀI HẠN theo học viên, xuyên mọi lịch/block: {exercise_id: {e1rm, load, reps, date, exercise}}
function wsPrKey(userId){ return "ctg_ws_prs_"+(userId||"self"); }
function wsLoadPrs(userId){ try{ return JSON.parse(localStorage.getItem(wsPrKey(userId))||"{}"); }catch(e){ return {}; } }
function wsSavePrs(userId, prs){ try{ localStorage.setItem(wsPrKey(userId), JSON.stringify(prs)); }catch(e){} }
// ===== ĐỒNG BỘ VỚI CÁC TAB KHÁC (chỉ ĐIỀN SẴN làm mặc định — người dùng luôn chỉnh tay được, không khóa cứng) =====
// Mục tiêu hôm nay (Check in ăn uống, slider 5 mức) -> tình trạng năng lượng của bộ sinh lịch
var WS_GOAL2ENERGY={"Mini cutting":"aggressive_cut","Giảm mỡ":"moderate_cut","Tăng cơ + giảm mỡ":"slight_deficit","Giữ cân":"maintenance","Tăng cơ":"lean_bulk"};
function wsEnergyFromDailyGoal(userId){
  try{
    var g=JSON.parse(localStorage.getItem('ctg_daily_goals')||'{}');
    var today=new Date(); var key=(userId||0)+"_"+today.getFullYear()+"-"+String(today.getMonth()+1).padStart(2,"0")+"-"+String(today.getDate()).padStart(2,"0");
    var goal=g[key];
    if(!goal){ // chưa chọn hôm nay -> lấy mục tiêu GẦN NHẤT đã chọn của đúng học viên này
      var best=null; Object.keys(g).forEach(function(k){ if(k.indexOf((userId||0)+"_")===0){ var dt=k.split("_")[1]; if(!best||dt>best.dt) best={dt:dt,goal:g[k]}; } });
      if(best) goal=best.goal;
    }
    return goal?(WS_GOAL2ENERGY[goal]||null):null;
  }catch(e){ return null; }
}
// FFMI (lộ trình mới nhất) -> mức kinh nghiệm tập (ngưỡng theo giới — trần tự nhiên nam ~25, nữ ~22 như cảnh báo lộ trình đang dùng)
function wsExpFromFFMI(ffmi, gender){
  if(!ffmi||!(+ffmi>0)) return null;
  var f=+ffmi, female=(gender==="Nữ"||gender==="nữ"||gender==="female");
  if(female) return f<15.5?"beginner":(f<18?"intermediate":"advanced");
  return f<19?"beginner":(f<21.5?"intermediate":"advanced");
}
// Lộ trình MỚI NHẤT của học viên (server; sort created_at/id giảm dần cho chắc thứ tự)
async function wsFetchLatestRoadmap(userId){
  try{
    var r=await fetch('/wp-json/ctg/v1/roadmaps'+(userId?('?user_id='+userId):'')+((userId?'&':'?')+'_t='+Date.now()),{credentials:'same-origin',cache:'no-store',headers:wsNonceHeaders()});
    if(!r.ok) return null;
    var list=await r.json(); if(!Array.isArray(list)||!list.length) return null;
    list.sort(function(a,b){ return (b.created_at||b.id||0)-(a.created_at||a.id||0); });
    return list[0];
  }catch(e){ return null; }
}
// Link video kỹ thuật: có URL thật thì dùng, chưa có thì mở tìm kiếm YouTube đúng tên bài (không bịa URL chết)
function wsVideoHref(ex){ return (ex&&ex.video_url) ? ex.video_url : ("https://www.youtube.com/results?search_query="+encodeURIComponent(((ex&&(ex.exercise||ex.name))||"")+" form technique")); }
async function wsDeleteSchedule(userId, item){
  // 1) Ghi TOMBSTONE trước tiên — đảm bảo lịch biến mất khỏi UI ngay cả khi backend chưa có route xóa (refetch sẽ lọc ra)
  try{ var tombs=wsReadTombs(userId);
    if(item&&item.id!==undefined && tombs.indexOf("id:"+item.id)<0) tombs.push("id:"+item.id);
    if(item&&item.created_at!==undefined && tombs.indexOf("ca:"+item.created_at)<0) tombs.push("ca:"+item.created_at);
    localStorage.setItem(wsTombKey(userId), JSON.stringify(tombs.slice(-200)));
  }catch(e){}
  // 2) Thử xóa thật trên server (nếu route tồn tại)
  try{ if(item&&item.id!==undefined){ await fetch('/wp-json/ctg/v1/workout-schedules/'+item.id+'?user_id='+(userId||0),{method:'DELETE',credentials:'same-origin',headers:wsNonceHeaders()}); } }catch(e){}
  // 3) Xóa khỏi danh sách localStorage (nguồn fallback)
  try{ var list=JSON.parse(localStorage.getItem(wsLocalKey(userId))||"[]");
    var idx=list.findIndex(function(s){ return (item.id!==undefined&&s.id===item.id)||(item.created_at!==undefined&&s.created_at===item.created_at); });
    if(idx>=0){ list.splice(idx,1); localStorage.setItem(wsLocalKey(userId), JSON.stringify(list)); }
  }catch(e){}
  return true;
}
// Tính lại thời lượng 1 buổi (dùng sau khi user thêm/bớt bài) — cùng công thức với generator (warmup chung + overhead/bài + set×phút + tiết kiệm superset)
function wsRecalcDayMinutes(d, goal){
  var cfg=wsGetConfig(); var coef=cfg.timeCoef[goal]||cfg.timeCoef.hypertrophy;
  var t=WS_GENERAL_WARMUP_MIN;
  d.exercises.forEach(function(ex){ var eo=WS_EXERCISE_DB.find(function(e){return e.exercise_id===ex.exercise_id;}); var ty=eo?eo.type:"isolation"; t+=wsExerciseOverheadMin(ty,goal)+ex.sets*wsPerSetMinutes(ty,goal); });
  var bg={}; d.exercises.forEach(function(ex){ if(ex.superset_group!==undefined){ (bg[ex.superset_group]=bg[ex.superset_group]||[]).push(ex); } });
  Object.keys(bg).forEach(function(g){ var pair=bg[g]; if(pair.length===2) t-=Math.min(pair[0].sets,pair[1].sets)*coef.supersetReduction; });
  d.estimated_minutes=Math.round(t);
}
// CÂN BẰNG LẠI VOLUME TUẦN sau khi user thêm/bớt bài ở 1 ngày: tự chỉnh CÁC NGÀY SAU (thiếu -> +set/thêm bài cùng cơ; thừa -> -set/bỏ bớt
// isolation cùng cơ) để tổng set tuần bám target. Trả về danh sách chênh lệch KHÔNG thể tự cân (issues) để UI hỏi khách xác nhận.
// Lịch TỰ TẠO (không có volumeMap/target) thì chỉ tính lại giờ + tổng kết, không cân bằng, không cảnh báo.
function wsRebalanceWeekVolume(week, editedDayIdx, muscles, inputs, weekIdx, mesoWeeks){
  var issues=[];
  if(week.volumeMap){
    var goal=inputs.goal||"hypertrophy", exp=inputs.experience_level||"intermediate", isDeload=!!week.isDeload;
    function eqOk(e){ return !inputs.equipment||!inputs.equipment.length||e.equipment_required.every(function(q){return q==="bodyweight"||inputs.equipment.indexOf(q)>=0;}); }
    muscles.forEach(function(m){
      var vm=week.volumeMap[m]; if(!vm||!vm.target) return;
      function weekly(){ var s=0; week.days.forEach(function(d){ d.exercises.forEach(function(x){ if(x.muscle===m) s+=x.sets; }); }); return s; }
      var target=vm.target, guard=0;
      while(weekly()<target && guard++<40){ // THIẾU -> +1 set ở bài cùng cơ NGÀY SAU (không đụng bài trong cặp superset để giữ set cặp bằng nhau)
        var done=false;
        for(var di=editedDayIdx+1; di<week.days.length && !done; di++){
          var dd=week.days[di];
          for(var ei=0; ei<dd.exercises.length; ei++){ var x=dd.exercises[ei]; if(x.muscle===m && x.sets<WS_MAX_SETS_PER_EXERCISE && x.superset_group===undefined){ x.sets+=1; done=true; break; } }
        }
        if(!done){ // hết chỗ cộng -> THÊM bài mới cùng cơ (chưa dùng trong tuần) vào ngày sau đầu tiên có tập cơ này
          var weekIds={}; week.days.forEach(function(dd2){ dd2.exercises.forEach(function(x){ weekIds[x.exercise_id]=1; }); });
          var cand=WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===m && !weekIds[e.exercise_id] && !WS_NEVER_AUTO_PICK[e.exercise_id] && (!WS_STRENGTH_ONLY_ANCHOR[e.exercise_id]||goal==="strength") && eqOk(e); }).sort(function(a,b){ return wsSfrScore(b)-wsSfrScore(a); })[0];
          var tgtDay=null; for(var dj=editedDayIdx+1; dj<week.days.length; dj++){ if(week.days[dj].exercises.some(function(x){return x.muscle===m;})){ tgtDay=week.days[dj]; break; } }
          if(!tgtDay && editedDayIdx+1<week.days.length) tgtDay=week.days[editedDayIdx+1];
          if(cand && tgtDay){
            var need=Math.min(WS_MAX_SETS_PER_EXERCISE, Math.max(2, target-weekly()));
            var fin=wsFinalizeSwappedSlot(cand, goal, weekIdx, mesoWeeks, exp, isDeload);
            tgtDay.exercises.push({block:1, week:weekIdx+1, day:tgtDay.day, session_name:tgtDay.session_name, exercise:cand.name, exercise_id:cand.exercise_id, pattern:cand.pattern, muscle:m, region:cand.region, sets:need, reps:fin.reps, rpe:fin.rpe, load:fin.load, rest_seconds:fin.rest_seconds, alternatives:wsAlternativesFor(cand.exercise_id).map(function(z){return z.name;}), video_url:cand.video_url||"", note:"", superset:false, superset_group:undefined});
            done=true;
          }
        }
        if(!done) break;
      }
      var guard2=0;
      while(weekly()>target && guard2++<40){ // THỪA -> -1 set ở bài cùng cơ NGÀY SAU (sàn 2 set); hết thì BỎ isolation cùng cơ ở ngày sau (không đụng bài mở màn)
        var done2=false;
        for(var di2=editedDayIdx+1; di2<week.days.length && !done2; di2++){
          var d2=week.days[di2];
          for(var e2=0; e2<d2.exercises.length; e2++){ var x2=d2.exercises[e2]; if(x2.muscle===m && x2.sets>2 && x2.superset_group===undefined){ x2.sets-=1; done2=true; break; } }
        }
        if(!done2){
          for(var di3=week.days.length-1; di3>editedDayIdx && !done2; di3--){
            var d3=week.days[di3];
            for(var e3=d3.exercises.length-1; e3>=1; e3--){ var x3=d3.exercises[e3]; var eo3=WS_EXERCISE_DB.find(function(e){return e.exercise_id===x3.exercise_id;});
              if(x3.muscle===m && x3.superset_group===undefined && (!eo3||eo3.type==="isolation")){ d3.exercises.splice(e3,1); done2=true; break; } }
          }
        }
        if(!done2) break;
      }
      var diff=weekly()-target;
      if(diff!==0) issues.push({muscle:m, delta:diff});
    });
  }
  week.days.forEach(function(d){ wsRecalcDayMinutes(d, inputs.goal||"hypertrophy"); d.muscle_set_summary=wsSummarizeSetsByMuscle(d.exercises); });
  week.week_muscle_set_summary=wsSummarizeSetsByMuscle(week.days.reduce(function(a,d){return a.concat(d.exercises);},[]));
  return issues;
}
// TỰ CÂN BẰNG VOLUME CƠ PHỤ SAU KHI ĐỔI BÀI theo cơ chính (vd Bench Press -> Pec Deck: cùng cơ ngực nhưng MẤT set phụ tay sau/vai trước):
// tính chênh lệch SET HIỆU DỤNG từng cơ phụ = (hệ số bài mới − hệ số bài cũ) × số set; HỤT -> +set/thêm bài CÙNG CƠ ở các buổi SAU
// (hết chỗ thì cùng buổi); THỪA -> −set (sàn 2) ở buổi sau, không xóa bài. Trả báo cáo {added, trimmed, unresolved} cho UI hiển thị.
function wsAdjustSecondaryAfterSwap(week, dayIdx, oldObj, newObj, sets, inputs, weekIdx, mesoWeeks){
  var rep={added:[], trimmed:[], unresolved:[]};
  function fmap(o){ var m={}; ((o&&o.fractional_muscles)||[]).forEach(function(f){ m[f.name]=f.coefficient; }); return m; }
  var oldF=fmap(oldObj), newF=fmap(newObj), all={};
  Object.keys(oldF).forEach(function(m){ all[m]=1; }); Object.keys(newF).forEach(function(m){ all[m]=1; });
  var goal=(inputs&&inputs.goal)||"hypertrophy", exp=(inputs&&inputs.experience_level)||"intermediate", isDeload=!!week.isDeload;
  function eqOk(e){ return !inputs||!inputs.equipment||!inputs.equipment.length||e.equipment_required.every(function(q){return q==="bodyweight"||inputs.equipment.indexOf(q)>=0;}); }
  Object.keys(all).forEach(function(m){
    var delta=((newF[m]||0)-(oldF[m]||0))*sets; // + = thừa thêm, − = hụt mất (set hiệu dụng)
    if(delta<=-0.5){ // HỤT -> BÙ
      var need=Math.round(-delta), guard=0;
      while(need>0 && guard++<20){
        var done=false;
        for(var pass=0; pass<2 && !done; pass++){ // pass0: buổi SAU; pass1: cùng buổi (tránh chính slot vừa đổi không cần — bài đổi cùng cơ chính, m là cơ phụ)
          for(var di=(pass===0?dayIdx+1:dayIdx); di<week.days.length && !done; di+=(pass===0?1:week.days.length)){
            var dd=week.days[di];
            for(var ei=0; ei<dd.exercises.length; ei++){ var x=dd.exercises[ei];
              if(x.muscle===m && x.sets<WS_MAX_SETS_PER_EXERCISE && x.superset_group===undefined){ x.sets+=1; need-=1; rep.added.push({muscle:m, what:"+1 set "+x.exercise, day:dd.day}); done=true; break; } }
          }
        }
        if(!done){ // không còn bài cùng cơ để cộng -> THÊM 1 bài isolation SFR cao nhất chưa có trong tuần
          var weekIds={}; week.days.forEach(function(dd2){ dd2.exercises.forEach(function(x2){ weekIds[x2.exercise_id]=1; }); });
          var cand=WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===m && e.type==="isolation" && !weekIds[e.exercise_id] && !WS_NEVER_AUTO_PICK[e.exercise_id] && eqOk(e); }).sort(function(a,b){ return wsSfrScore(b)-wsSfrScore(a); })[0]
                || WS_EXERCISE_DB.filter(function(e){ return e.primary_muscle.name===m && !weekIds[e.exercise_id] && !WS_NEVER_AUTO_PICK[e.exercise_id] && (!WS_STRENGTH_ONLY_ANCHOR[e.exercise_id]||goal==="strength") && eqOk(e); }).sort(function(a,b){ return wsSfrScore(b)-wsSfrScore(a); })[0];
          var tgt=week.days[Math.min(dayIdx+1, week.days.length-1)] || week.days[dayIdx];
          if(cand && tgt){
            var s2=Math.min(WS_MAX_SETS_PER_EXERCISE, Math.max(2, need));
            var fin=wsFinalizeSwappedSlot(cand, goal, weekIdx, mesoWeeks, exp, isDeload);
            tgt.exercises.push({block:1, week:weekIdx+1, day:tgt.day, session_name:tgt.session_name, exercise:cand.name, exercise_id:cand.exercise_id, pattern:cand.pattern, muscle:m, region:cand.region, sets:s2, reps:fin.reps, rpe:fin.rpe, load:fin.load, rest_seconds:fin.rest_seconds, alternatives:wsAlternativesFor(cand.exercise_id).map(function(z){return z.name;}), video_url:cand.video_url||"", note:"Bù volume "+(WS_MUSCLE_LABEL[m]||m)+" sau khi đổi bài.", superset:false, superset_group:undefined});
            rep.added.push({muscle:m, what:"thêm "+cand.name+" ("+s2+" set)", day:tgt.day}); need-=s2; done=true;
          }
        }
        if(!done) break;
      }
      if(need>0) rep.unresolved.push({muscle:m, delta:-need});
    } else if(delta>=1){ // THỪA đáng kể -> TỈA nhẹ ở buổi sau (sàn 2 set, không xóa bài)
      var cut=Math.floor(delta), g2=0;
      while(cut>0 && g2++<20){
        var done2=false;
        for(var dj=dayIdx+1; dj<week.days.length && !done2; dj++){
          var d2=week.days[dj];
          for(var e2=0; e2<d2.exercises.length; e2++){ var x3=d2.exercises[e2];
            if(x3.muscle===m && x3.sets>2 && x3.superset_group===undefined){ x3.sets-=1; cut-=1; rep.trimmed.push({muscle:m, what:"-1 set "+x3.exercise, day:d2.day}); done2=true; break; } }
        }
        if(!done2) break; // không tỉa được thì thôi — thừa chút volume phụ không nguy hiểm
      }
    }
  });
  week.days.forEach(function(d){ wsRecalcDayMinutes(d, goal); d.muscle_set_summary=wsSummarizeSetsByMuscle(d.exercises); });
  week.week_muscle_set_summary=wsSummarizeSetsByMuscle(week.days.reduce(function(a,d){return a.concat(d.exercises);},[]));
  return rep;
}

/* ---- 6. UI component ---- */
var WS_GOAL_LABEL = {hypertrophy:"Tăng cơ (Hypertrophy)", strength:"Sức mạnh (Strength)", focus:"Ưu tiên nhóm cơ"};
var WS_EXPERIENCE_LABEL = {beginner:"Mới tập", intermediate:"Trung cấp", advanced:"Nâng cao"};
var WS_ENERGY_LABEL = {aggressive_cut:"Cắt mạnh (-30%)", moderate_cut:"Cắt vừa (-20%)", slight_deficit:"Thâm hụt nhẹ (-10%)", maintenance:"Duy trì (0%)", lean_bulk:"Tăng cơ sạch (+10%)"};
var WS_STATUS_LABEL = {green:"XANH — ổn định, tăng volume", yellow:"VÀNG — giữ nguyên volume", red:"ĐỎ — cần deload"};

/* ---- 5b. Kho bài tập (Exercise DB) — CRUD lưu localStorage (graceful fallback, chưa có route ctg/v1/exercise-db ở backend) ----
   Mutate TRỰC TIẾP mảng WS_EXERCISE_DB (không tạo bản sao) để mọi hàm engine đang giữ tham chiếu tới mảng này (wsExercisesForMuscle,
   wsAlternativesFor, wsSummarizeSetsByMuscle...) tự động thấy dữ liệu mới mà không cần sửa lại hàng chục điểm gọi. */
var WS_EXDB_LOCAL_KEY = "ctg_exercise_db_overrides";
var WS_TYPE_LABEL = {compound_free_weight:"Compound - Tự do (tạ đơn/đòn)", compound_machine:"Compound - Máy/Cáp", isolation:"Cô lập (Isolation)"};
// Thang hệ số hiệp phân số CHUẨN (chỉ chọn trong các mức này, không nhập tự do) — khớp band đã dùng khi số hóa EMG toàn kho bài.
var WS_FRACTIONAL_COEF_OPTIONS = [0.25, 0.33, 0.5, 0.65, 0.75, 1.0];
var WS_FRACTIONAL_COEF_LABEL = {0.25:"0.25 — rất nhẹ", 0.33:"0.33 — nhẹ", 0.5:"0.5 — vừa", 0.65:"0.65 — đáng kể", 0.75:"0.75 — mạnh", 1:"1.0 — đồng cơ chính"};
// Khoảng rep CHUẨN theo mục tiêu (chọn trong danh sách, không nhập tự do).
var WS_REP_OPTIONS = {hypertrophy:["5-8","6-10","8-12","10-15","12-20","15-20","30-60s"], strength:["1-5","3-6","5-8","6-10","8-12","10-15","12-20","30-60s"]};
// Danh sách nhóm cơ CHI TIẾT VÙNG cho form (cả cơ chính lẫn cơ phụ): nhóm gộp (Ngực/Xô) tách thành từng vùng con,
// các nhóm còn lại (đã chi tiết sẵn: vai trước/giữa/sau, tay trước/sau, trap 1/2/3, đùi trước/sau/trong...) giữ nguyên.
var WS_COMBINED_REGIONS = {};
Object.keys(WS_MUSCLE_GROUPS).forEach(function(gk){ var g=WS_MUSCLE_GROUPS[gk]; if(g.mode==="combined") WS_COMBINED_REGIONS[g.muscle]=g.regions; });
function wsMuscleDetailOptions(){
  var out=[];
  WS_MUSCLES.forEach(function(m){
    if(WS_COMBINED_REGIONS[m]){ WS_COMBINED_REGIONS[m].forEach(function(r){ out.push({value:m+"|"+r.key, muscle:m, region:r.key, label:r.label}); }); }
    else out.push({value:m, muscle:m, region:"", label:WS_MUSCLE_LABEL[m]});
  });
  return out;
}
// Khi chọn 1 vùng làm cơ chính của nhóm gộp -> phân bổ trọng số EMG mặc định (vùng chọn 0.6, phần còn lại chia đều) cho region_emphasis.
function wsBuildRegionEmphasis(muscle, region){
  var regions=WS_COMBINED_REGIONS[muscle]; if(!regions||!region) return null;
  var n=regions.length, main=0.6, rest=(n>1)?(1-main)/(n-1):0, out={};
  regions.forEach(function(r){ out[r.key]= (r.key===region)?main:Math.round(rest*100)/100; });
  return out;
}
// Nhóm chuyển động CHUNG cho hiển thị/lọc trong kho bài tập — pattern chi tiết (độ rộng tay/góc tập, dùng để tính bài thay thế)
// vẫn ghi nhận ngầm bên trong (ex.pattern), không show ra để tránh rối cho người xem.
// Chỉ 6 chuyển động ĐA KHỚP (compound, ≥2 khớp phối hợp có chủ đích tạo lực) + 1 nhóm gộp mọi chuyển động ĐƠN KHỚP (isolation, chỉ 1 khớp di chuyển)
// — đúng phân loại cơ sinh học chuẩn, không dùng tên gọi theo nhóm cơ (vd không gọi "Đẩy vai" mà gọi đúng mặt phẳng lực là "Đẩy dọc").
var WS_PATTERN_GROUPS = [
  // ĐẨY NGANG (Horizontal Push): vai+khuỷu tay duỗi theo phương ngang trước ngực — chest press mọi góc, dip, close-grip bench.
  // Fly (Ép ngực) KHÔNG tính vì khuỷu tay gần như cố định suốt bài -> chỉ 1 khớp vai di chuyển, xếp vào đơn khớp.
  [/^Đẩy ngang|^Đẩy nghiêng|^Dip$|^Đẩy sát tay/, "Đẩy ngang (Horizontal Push)"],
  // ĐẨY DỌC (Vertical Push): vai+khuỷu tay duỗi theo phương thẳng đứng qua đầu — overhead press mọi biến thể.
  [/^Đẩy vai/, "Đẩy dọc (Vertical Push)"],
  // KÉO DỌC (Vertical Pull): vai khép/duỗi + khuỷu tay gập theo phương thẳng đứng — pull-up/chin-up/pulldown.
  // Straight-arm pulldown, iliac pulldown... khuỷu tay khoá cứng suốt bài -> chỉ 1 khớp vai, xếp vào đơn khớp.
  [/^Kéo dọc/, "Kéo dọc (Vertical Pull)"],
  // KÉO NGANG (Horizontal Pull): vai khép + khuỷu tay gập theo phương ngang — row mọi biến thể, face pull (có gập khuỷu tay thật sự).
  [/^Kéo ngang|^Vai sau - kéo mặt/, "Kéo ngang (Horizontal Pull)"],
  // SQUAT: gập-duỗi ĐỒNG THỜI cả khớp gối VÀ khớp hông (đối xứng 2 chân) — squat mọi biến thể.
  // Leg extension/sissy squat chỉ duỗi gối (không có duỗi hông thật sự) -> xếp vào đơn khớp.
  [/^Squat/, "Squat"],
  // HINGE: khớp hông là trục chính, gối gập rất ít hoặc gần như khoá — deadlift/RDL/hyperextension/hip thrust.
  // Leg curl chỉ gập gối, hip abduction/adduction chỉ 1 mặt phẳng khớp hông -> xếp vào đơn khớp.
  [/^Hinge|^Nâng hông/, "Hinge"]
];
function wsPatternGroupLabel(pattern){
  for(var i=0;i<WS_PATTERN_GROUPS.length;i++){ if(WS_PATTERN_GROUPS[i][0].test(pattern||"")) return WS_PATTERN_GROUPS[i][1]; }
  return "Chuyển động đơn khớp (Isolation)"; // mọi bài chỉ di chuyển 1 khớp: fly, raise, curl, triceps ext, shrug, leg ext/curl, calf raise, hip ab/adduction, core...
}
var WS_EQUIPMENT_LABEL = {barbell:"Tạ đòn", dumbbell:"Tạ đơn", machine:"Máy", cable:"Cáp", bodyweight:"Trọng lượng cơ thể", bench:"Ghế"};
// Gom nhóm cơ CHUNG cho hiển thị/lọc trong kho bài tập (dùng lại đúng cấu trúc WS_MUSCLE_GROUPS đang dùng cho bảng tổng kết volume)
// — cơ chính chi tiết (vd vai_truoc/vai_giua/vai_sau) vẫn ghi nhận ngầm để tính volume/MEV/MRV riêng từng phần, chỉ gộp lại lúc HIỂN THỊ.
var WS_MUSCLE_DISPLAY_GROUP = {};
Object.keys(WS_MUSCLE_GROUPS).forEach(function(gk){
  var g=WS_MUSCLE_GROUPS[gk];
  if(g.mode==="independent") g.parts.forEach(function(p){ WS_MUSCLE_DISPLAY_GROUP[p]=g.label; });
  else WS_MUSCLE_DISPLAY_GROUP[g.muscle]=g.label;
});
function wsMuscleGroupLabel(muscleKey){ return WS_MUSCLE_DISPLAY_GROUP[muscleKey] || WS_MUSCLE_LABEL[muscleKey] || muscleKey; }
function wsLoadExerciseOverrides(){
  try{
    var raw = JSON.parse(localStorage.getItem(WS_EXDB_LOCAL_KEY) || "{}");
    Object.keys(raw).forEach(function(id){
      var val = raw[id];
      var idx = WS_EXERCISE_DB.findIndex(function(e){ return e.exercise_id===id; });
      if(val && val._deleted){ if(idx>=0) WS_EXERCISE_DB.splice(idx,1); return; }
      if(idx>=0) WS_EXERCISE_DB[idx]=val; else WS_EXERCISE_DB.push(val);
    });
  }catch(e){}
}
wsLoadExerciseOverrides();
function wsSaveExerciseOverride(ex){
  try{
    var raw = JSON.parse(localStorage.getItem(WS_EXDB_LOCAL_KEY) || "{}");
    raw[ex.exercise_id] = ex;
    localStorage.setItem(WS_EXDB_LOCAL_KEY, JSON.stringify(raw));
  }catch(e){}
  var idx = WS_EXERCISE_DB.findIndex(function(e){ return e.exercise_id===ex.exercise_id; });
  if(idx>=0) WS_EXERCISE_DB[idx]=ex; else WS_EXERCISE_DB.push(ex);
}
function wsDeleteExerciseOverride(id){
  try{
    var raw = JSON.parse(localStorage.getItem(WS_EXDB_LOCAL_KEY) || "{}");
    raw[id] = {_deleted:true};
    localStorage.setItem(WS_EXDB_LOCAL_KEY, JSON.stringify(raw));
  }catch(e){}
  var idx = WS_EXERCISE_DB.findIndex(function(e){ return e.exercise_id===id; });
  if(idx>=0) WS_EXERCISE_DB.splice(idx,1);
}
function wsSlugify(name){ return (name||"").toLowerCase().normalize("NFD").replace(/[̀-ͯ]/g,"").replace(/đ/g,"d").replace(/[^a-z0-9]+/g,"_").replace(/^_+|_+$/g,"") || ("ex_"+Date.now()); }

function ExerciseDatabaseView({canEdit}){
  var _t=React.useState(0); var tick=_t[0], setTick=_t[1]; // ép re-render sau khi mutate mảng WS_EXERCISE_DB trực tiếp
  var _q=React.useState(""); var q=_q[0], setQ=_q[1];
  var _fm=React.useState(""); var fMuscle=_fm[0], setFMuscle=_fm[1];
  var _fp=React.useState(""); var fPattern=_fp[0], setFPattern=_fp[1];
  var _ft=React.useState(""); var fType=_ft[0], setFType=_ft[1];
  var _edit=React.useState(null); var editing=_edit[0], setEditing=_edit[1]; // null | exercise object đang thêm/sửa

  var allPatterns = Array.from(new Set(WS_EXERCISE_DB.map(function(e){ return wsPatternGroupLabel(e.pattern); }))).sort();
  var allMuscleGroups = Array.from(new Set(WS_EXERCISE_DB.map(function(e){ return wsMuscleGroupLabel(e.primary_muscle.name); }))).sort();
  var list = WS_EXERCISE_DB.filter(function(e){
    if(q && e.name.toLowerCase().indexOf(q.toLowerCase())<0) return false;
    if(fMuscle && wsMuscleGroupLabel(e.primary_muscle.name)!==fMuscle) return false;
    if(fPattern && wsPatternGroupLabel(e.pattern)!==fPattern) return false;
    if(fType && e.type!==fType) return false;
    return true;
  }).sort(function(a,b){ return a.name.localeCompare(b.name); });

  function blankExercise(){
    return {exercise_id:"", name:"", pattern:"", equipment_required:["barbell"], type:"compound_free_weight",
      primary_muscle:{name:"nguc", coefficient:1.0}, fractional_muscles:[], region:"", region_emphasis:null,
      alternatives:[], time_coefficient_hypertrophy_min:3.0, time_coefficient_strength_min:4.0, video_url:"",
      default_rep_range:{hypertrophy:"8-12", strength:"5-8"}};
  }
  function startAdd(){ setEditing(blankExercise()); }
  function startEdit(ex){ setEditing(JSON.parse(JSON.stringify(ex))); }
  function toggleEquip(eq){
    setEditing(function(prev){
      var has=prev.equipment_required.indexOf(eq)>=0;
      var next=has?prev.equipment_required.filter(function(x){return x!==eq;}):prev.equipment_required.concat([eq]);
      return Object.assign({}, prev, {equipment_required:next});
    });
  }
  // Danh sách chuyển động CHUẨN đang có trong kho (gom theo nhóm hiển thị) — bài mới phải thuộc 1 chuyển động sẵn có để thay thế được cho nhau.
  var patternsByGroup={};
  Array.from(new Set(WS_EXERCISE_DB.map(function(e){return e.pattern;}))).sort().forEach(function(p){
    var g=wsPatternGroupLabel(p); (patternsByGroup[g]=patternsByGroup[g]||[]).push(p);
  });
  // Chọn 1 chuyển động -> TỰ ÁP bộ quy chuẩn của chuyển động đó (nhóm cơ chính, phân loại, vùng, hệ số hiệp phân số, rep range) từ bài anh em sẵn có.
  // Người dùng chỉ còn nhập TÊN + chọn dụng cụ; mọi thông số phân loại đều kế thừa chuẩn, có thể tinh chỉnh lại bằng dropdown nếu muốn.
  function applyPatternStandard(pattern){
    var sib=WS_EXERCISE_DB.find(function(e){return e.pattern===pattern;});
    setEditing(function(prev){
      var next=Object.assign({}, prev, {pattern:pattern});
      if(sib){
        next.primary_muscle={name:sib.primary_muscle.name, coefficient:1.0};
        next.type=sib.type;
        next.fractional_muscles=JSON.parse(JSON.stringify(sib.fractional_muscles||[]));
        next.default_rep_range=Object.assign({}, sib.default_rep_range);
        next.time_coefficient_hypertrophy_min=sib.time_coefficient_hypertrophy_min;
        next.time_coefficient_strength_min=sib.time_coefficient_strength_min;
        if(sib.region){ next.region=sib.region; } else { next.region=""; }
        if(sib.region_emphasis){ next.region_emphasis=Object.assign({}, sib.region_emphasis); } else { next.region_emphasis=null; }
      }
      return next;
    });
  }
  function setFrac(idx, field, value){
    setEditing(function(prev){
      var arr=(prev.fractional_muscles||[]).map(function(f,i){ return i===idx?Object.assign({},f,{[field]:value}):f; });
      return Object.assign({}, prev, {fractional_muscles:arr});
    });
  }
  // Chọn cơ phụ ở mức chi tiết vùng (name + region cùng lúc) — region rỗng nếu nhóm cơ không tách vùng.
  function setFracMuscle(idx, name, region){
    setEditing(function(prev){
      var arr=(prev.fractional_muscles||[]).map(function(f,i){ return i===idx?Object.assign({},f,{name:name, region:region||undefined}):f; });
      return Object.assign({}, prev, {fractional_muscles:arr});
    });
  }
  function addFrac(){
    setEditing(function(prev){
      var used=(prev.fractional_muscles||[]).map(function(f){return f.name;}).concat([prev.primary_muscle.name]);
      var avail=WS_MUSCLES.find(function(m){return used.indexOf(m)<0;})||WS_MUSCLES[0];
      return Object.assign({}, prev, {fractional_muscles:(prev.fractional_muscles||[]).concat([{name:avail,coefficient:0.5}])});
    });
  }
  function removeFrac(idx){
    setEditing(function(prev){ return Object.assign({}, prev, {fractional_muscles:(prev.fractional_muscles||[]).filter(function(_,i){return i!==idx;})}); });
  }
  function saveEditing(){
    if(!editing.name || !editing.pattern){ alert("Cần nhập Tên bài và chọn Chuyển động."); return; }
    var ex=Object.assign({}, editing);
    if(!ex.exercise_id) ex.exercise_id=wsSlugify(ex.name);
    if(!ex.region) delete ex.region;
    if(!ex.region_emphasis) delete ex.region_emphasis;
    wsSaveExerciseOverride(ex);
    setEditing(null); setTick(tick+1);
  }
  function deleteEx(ex){
    if(!confirm("Xoá bài \""+ex.name+"\" khỏi kho bài tập?")) return;
    wsDeleteExerciseOverride(ex.exercise_id);
    setTick(tick+1);
  }

  if(editing){
    return <div className="card" style={{padding:"14px 16px"}}>
      <div style={{fontWeight:700,marginBottom:10,color:"#f8fafc"}}>{editing.exercise_id?"Sửa bài tập":"Thêm bài tập mới"}</div>
      <div style={{display:"grid",gridTemplateColumns:"1fr 1fr",gap:10}}>
        <div><label style={{fontSize:12,color:"#94a3b8"}}>Tên bài (chuẩn quốc tế, VD: Barbell Bench Press)</label>
          <input value={editing.name} onChange={function(e){setEditing(Object.assign({},editing,{name:e.target.value}));}}/></div>
        <div><label style={{fontSize:12,color:"#94a3b8"}}>Chuyển động (chọn 1 chuyển động sẵn có → tự áp bộ quy chuẩn; bài cùng chuyển động thay thế được nhau)</label>
          <select value={editing.pattern} onChange={function(e){ applyPatternStandard(e.target.value); }}>
            <option value="">— Chọn chuyển động —</option>
            {Object.keys(patternsByGroup).sort().map(function(g){ return <optgroup key={g} label={g}>
              {patternsByGroup[g].map(function(p){ return <option key={p} value={p}>{p}</option>; })}
            </optgroup>; })}
          </select></div>
        <div><label style={{fontSize:12,color:"#94a3b8"}}>Nhóm cơ CHÍNH (chi tiết vùng — Ngực trên/giữa/dưới, Xô trên/dưới…)</label>
          <select value={editing.primary_muscle.name+(editing.region?("|"+editing.region):"")} onChange={function(e){
            var parts=e.target.value.split("|"); var m=parts[0], r=parts[1]||"";
            setEditing(function(prev){ return Object.assign({},prev,{primary_muscle:{name:m,coefficient:1.0}, region:r, region_emphasis: r?wsBuildRegionEmphasis(m,r):null}); });
          }}>
            {wsMuscleDetailOptions().map(function(o){ return <option key={o.value} value={o.value}>{o.label}</option>; })}
          </select></div>
        <div><label style={{fontSize:12,color:"#94a3b8"}}>Phân loại</label>
          <select value={editing.type} onChange={function(e){setEditing(Object.assign({},editing,{type:e.target.value}));}}>
            {Object.keys(WS_TYPE_LABEL).map(function(t){ return <option key={t} value={t}>{WS_TYPE_LABEL[t]}</option>; })}
          </select></div>
        <div style={{gridColumn:"1 / -1"}}><label style={{fontSize:12,color:"#94a3b8"}}>Dụng cụ cần thiết</label>
          <div style={{display:"flex",flexWrap:"wrap",gap:10,marginTop:4}}>
            {Object.keys(WS_EQUIPMENT_LABEL).map(function(eq){ return <label key={eq} style={{fontSize:13,color:"#cbd5e1",display:"flex",alignItems:"center",gap:4}}>
              <input type="checkbox" checked={editing.equipment_required.indexOf(eq)>=0} onChange={function(){toggleEquip(eq);}}/>{WS_EQUIPMENT_LABEL[eq]}
            </label>; })}
          </div></div>
        <div><label style={{fontSize:12,color:"#94a3b8"}}>Rep range Hypertrophy</label>
          <select value={editing.default_rep_range.hypertrophy} onChange={function(e){setEditing(Object.assign({},editing,{default_rep_range:Object.assign({},editing.default_rep_range,{hypertrophy:e.target.value})}));}}>
            {WS_REP_OPTIONS.hypertrophy.map(function(r){ return <option key={r} value={r}>{r}</option>; })}
          </select></div>
        <div><label style={{fontSize:12,color:"#94a3b8"}}>Rep range Strength</label>
          <select value={editing.default_rep_range.strength} onChange={function(e){setEditing(Object.assign({},editing,{default_rep_range:Object.assign({},editing.default_rep_range,{strength:e.target.value})}));}}>
            {WS_REP_OPTIONS.strength.map(function(r){ return <option key={r} value={r}>{r}</option>; })}
          </select></div>
        <div><label style={{fontSize:12,color:"#94a3b8"}}>Video URL (tuỳ chọn)</label>
          <input value={editing.video_url} onChange={function(e){setEditing(Object.assign({},editing,{video_url:e.target.value}));}}/></div>
        <div style={{gridColumn:"1 / -1"}}>
          <label style={{fontSize:12,color:"#94a3b8"}}>Cơ phụ (hiệp phân số) — chọn nhóm cơ CHI TIẾT VÙNG + hệ số theo thang chuẩn; thêm được nhiều cơ phụ</label>
          <div style={{marginTop:4}}>
            {(editing.fractional_muscles||[]).map(function(f,idx){ return <div key={idx} style={{display:"flex",gap:8,marginBottom:6,alignItems:"center"}}>
              <select value={f.name+(f.region?("|"+f.region):"")} onChange={function(e){ var parts=e.target.value.split("|"); setFracMuscle(idx, parts[0], parts[1]||""); }} style={{flex:"1 1 auto"}}>
                {wsMuscleDetailOptions().map(function(o){ return <option key={o.value} value={o.value}>{o.label}</option>; })}
              </select>
              <select value={f.coefficient} onChange={function(e){setFrac(idx,"coefficient",parseFloat(e.target.value));}}>
                {WS_FRACTIONAL_COEF_OPTIONS.map(function(c){ return <option key={c} value={c}>{WS_FRACTIONAL_COEF_LABEL[c]}</option>; })}
              </select>
              <button onClick={function(){removeFrac(idx);}} style={{padding:"4px 10px",borderRadius:6,border:"1px solid #dc2626",background:"transparent",color:"#dc2626",cursor:"pointer"}}>Xoá</button>
            </div>; })}
            <button onClick={addFrac} style={{padding:"5px 12px",borderRadius:6,border:"1px solid #94a3b8",background:"transparent",color:"#cbd5e1",cursor:"pointer",fontSize:13}}>+ Thêm cơ phụ</button>
          </div>
        </div>
      </div>
      <div style={{marginTop:14,display:"flex",gap:10}}>
        <button onClick={saveEditing} style={{padding:"10px 16px",borderRadius:8,border:"1px solid #d4af37",background:"#d4af37",color:"#0a1330",fontWeight:700,cursor:"pointer"}}>Lưu</button>
        <button onClick={function(){setEditing(null);}} style={{padding:"10px 16px",borderRadius:8,border:"1px solid #94a3b8",background:"transparent",color:"#94a3b8",cursor:"pointer"}}>Huỷ</button>
      </div>
    </div>;
  }

  return <div className="card" style={{padding:"14px 16px"}}>
    <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:10,flexWrap:"wrap",gap:8}}>
      <div style={{fontWeight:700,color:"#f8fafc"}}>🗂️ Kho bài tập ({list.length}/{WS_EXERCISE_DB.length})</div>
      {canEdit && <button onClick={startAdd} style={{padding:"8px 14px",borderRadius:8,border:"1px solid #d4af37",background:"#d4af37",color:"#0a1330",fontWeight:700,cursor:"pointer"}}>+ Thêm bài tập</button>}
    </div>
    <div style={{display:"flex",flexWrap:"wrap",gap:10,marginBottom:12}}>
      <input placeholder="Tìm theo tên..." value={q} onChange={function(e){setQ(e.target.value);}} style={{flex:"1 1 180px"}}/>
      <select value={fMuscle} onChange={function(e){setFMuscle(e.target.value);}}>
        <option value="">— Mọi nhóm cơ —</option>
        {allMuscleGroups.map(function(g){ return <option key={g} value={g}>{g}</option>; })}
      </select>
      <select value={fPattern} onChange={function(e){setFPattern(e.target.value);}}>
        <option value="">— Mọi chuyển động —</option>
        {allPatterns.map(function(p){ return <option key={p} value={p}>{p}</option>; })}
      </select>
      <select value={fType} onChange={function(e){setFType(e.target.value);}}>
        <option value="">— Mọi phân loại —</option>
        {Object.keys(WS_TYPE_LABEL).map(function(t){ return <option key={t} value={t}>{WS_TYPE_LABEL[t]}</option>; })}
      </select>
    </div>
    <div style={{overflowX:"auto"}}>
      <table style={{width:"100%",fontSize:13,borderCollapse:"collapse"}}>
        <thead><tr style={{textAlign:"left",color:"#94a3b8",borderBottom:"1px solid rgba(212,175,55,.35)"}}>
          <th style={{padding:"6px 8px"}}>Tên bài</th><th style={{padding:"6px 8px"}}>Nhóm cơ chính</th><th style={{padding:"6px 8px"}}>Chuyển động</th>
          <th style={{padding:"6px 8px"}}>Phân loại</th><th style={{padding:"6px 8px"}}>Dụng cụ</th>{canEdit && <th style={{padding:"6px 8px"}}></th>}
        </tr></thead>
        <tbody>
          {list.map(function(ex){ return <tr key={ex.exercise_id} style={{borderBottom:"1px solid rgba(148,163,184,.15)"}}>
            <td style={{padding:"6px 8px",color:"#f8fafc"}}>{ex.name}</td>
            <td style={{padding:"6px 8px",color:"#cbd5e1"}}>{wsMuscleGroupLabel(ex.primary_muscle.name)}</td>
            <td style={{padding:"6px 8px",color:"#cbd5e1"}}>{wsPatternGroupLabel(ex.pattern)}</td>
            <td style={{padding:"6px 8px",color:"#cbd5e1"}}>{WS_TYPE_LABEL[ex.type]||ex.type}</td>
            <td style={{padding:"6px 8px",color:"#cbd5e1"}}>{ex.equipment_required.map(function(eq){return WS_EQUIPMENT_LABEL[eq]||eq;}).join(", ")}</td>
            {canEdit && <td style={{padding:"6px 8px",whiteSpace:"nowrap"}}>
              <button onClick={function(){startEdit(ex);}} style={{marginRight:6,padding:"4px 10px",borderRadius:6,border:"1px solid #d4af37",background:"transparent",color:"#d4af37",cursor:"pointer"}}>Sửa</button>
              <button onClick={function(){deleteEx(ex);}} style={{padding:"4px 10px",borderRadius:6,border:"1px solid #dc2626",background:"transparent",color:"#dc2626",cursor:"pointer"}}>Xoá</button>
            </td>}
          </tr>; })}
        </tbody>
      </table>
    </div>
  </div>;
}

// section: "checkin" = nhúng trong tab Check in tập luyện (CHỈ phần Lịch tập — nơi khai báo & check-in buổi);
//          "builder" = tab Lên lịch tập (CHỈ tạo lịch + kho bài, phần Lịch tập đã dời sang tab check-in);
//          mặc định (không truyền) = đầy đủ 3 phần như cũ (tương thích ngược).
function WorkoutScheduler({email,isAdmin,picked,onPick,students,serverBody,roleType,reloadData,section}){
  var studentsArr=students||[];
  var pickedStudent=studentsArr.find(function(s){return s.email===picked;});
  var _sf=React.useState({frequency:4, session_duration_max:75, goal:"hypertrophy", focus_muscle_groups:[], focus_region_bias:{}, experience_level:"intermediate", energy_status:"maintenance", equipment:["barbell","dumbbell","machine","cable","bench","bodyweight"]});
  var form=_sf[0], setForm=_sf[1];
  var _sm=React.useState(null); var meso=_sm[0], setMeso=_sm[1];
  var _swi=React.useState(0); var weekCursor=_swi[0], setWeekCursor=_swi[1];
  var _ss=React.useState(null); var savedList=_ss[0], setSavedList=_ss[1];
  var _se=React.useState(""); var errMsg=_se[0], setErrMsg=_se[1];
  var _sig=React.useState({overloaded:{}, jointPainM:{}, effort:"normal", sleepHours:7.5, alertness:"ok", stress:"low", motivation:"normal", illnessInjury:false});
  var signals=_sig[0], setSignals=_sig[1];
  var _rep=React.useState(null); var weekReport=_rep[0], setWeekReport=_rep[1];
  var _sal=React.useState({}); var actualLogs=_sal[0], setActualLogs=_sal[1]; // {key: {reps:"", load:""}} — reps/mức tạ thực tế học viên đạt được
  var _sdv=React.useState("plan"); var scView=_sdv[0], setScView=_sdv[1]; // "plan"=lên lịch(tổng quát) | "workout"=lịch tập(khai báo lúc tập) | "db"=kho bài tập
  var _swd=React.useState(null); var wkDay=_swd[0], setWkDay=_swd[1];      // index ngày đang mở trong chế độ tập (null=danh sách ngày)
  var _swx=React.useState(null); var wkExIdx=_swx[0], setWkExIdx=_swx[1];  // index bài đang khai báo (null=danh sách bài)
  var _swo=React.useState({}); var wkOrders=_swo[0], setWkOrders=_swo[1];  // {week_day: [exIdx thứ tự] } — thứ tự tập (bỏ qua -> đẩy cuối)
  var _swr=React.useState({}); var wkRemoved=_swr[0], setWkRemoved=_swr[1];// {logKey: true} — bài đã BỎ hẳn buổi này
  var _srn=React.useState({}); var renames=_srn[0], setRenames=_srn[1];    // {scheduleId: tên mới}
  var _sas=React.useState(false); var showAssess=_sas[0], setShowAssess=_sas[1]; // trang đánh giá riêng (chỉ ở mức ngoài của Lịch tập)
  var _sop=React.useState(false); var wkOpened=_sop[0], setWkOpened=_sop[1]; // đã mở 1 lịch để tập (ẩn danh sách lịch)
  var _sww=React.useState(false); var wkWeekOpen=_sww[0], setWkWeekOpen=_sww[1]; // đã mở 1 tuần (vào danh sách buổi)
  var _swl=React.useState(""); var wkSchedLabel=_swl[0], setWkSchedLabel=_swl[1]; // tên lịch đang mở (cho breadcrumb)
  var _sas2=React.useState(null); var activeSchedId=_sas2[0], setActiveSchedId=_sas2[1]; // id lịch đang mở (để hiện tiến độ đúng lịch đó)
  var _sep=React.useState(null); var exPicker=_sep[0], setExPicker=_sep[1];   // {dayIdx} — modal chọn bài để THÊM vào ngày dayIdx (null=đóng)
  var _spq=React.useState(""); var pickQ=_spq[0], setPickQ=_spq[1];           // tìm kiếm tên bài
  var _spm=React.useState(""); var pickMuscle=_spm[0], setPickMuscle=_spm[1]; // lọc theo phân nhóm cơ (bộ lọc DUY NHẤT — theo yêu cầu: chọn bài theo phân nhóm thôi)
  var _scdt=React.useState(""); var customDayName=_scdt[0], setCustomDayName=_scdt[1]; // TÊN BUỔI TỰ ĐẶT khi thêm buổi ở lịch tự tạo (nhập tự do, không theo quy chuẩn)
  var _sah=React.useState([]); var assessHistory=_sah[0], setAssessHistory=_sah[1];   // lịch sử đánh giá tuần [{week,light,label,ts}]
  var _srt=React.useState(null); var restEnd=_srt[0], setRestEnd=_srt[1];             // timestamp kết thúc đồng hồ nghỉ (null=tắt)
  var _srtk=React.useState(0); var setRestTick=_srtk[1];                              // tick để re-render đồng hồ mỗi 0.5s
  var _slr=React.useState(null); var lastRemoved=_slr[0], setLastRemoved=_slr[1];     // {dayIdx, exIdx, ex} bài vừa xóa — cho phép HOÀN TÁC
  var _spr=React.useState({}); var prs=_spr[0], setPrs=_spr[1];                        // kỷ lục cá nhân theo bài (nạp từ localStorage theo học viên)
  var wsUid = isAdmin ? ((pickedStudent&&pickedStudent.id)||0) : 0;                    // học viên đang thao tác (0 = chính mình)
  var wsSid = meso ? (meso.created_at || meso._sid || "draft") : null;                 // mã lịch đang mở (khóa lưu bền)
  var _ssm=React.useState({}); var sessionMeta=_ssm[0], setSessionMeta=_ssm[1];         // {"tuần_buổi": {start:ts, ciDate, ciMin, ciCal}} — giờ bắt đầu & trạng thái check-in buổi
  var _ssw=React.useState(0); var startWeek=_ssw[0], setStartWeek=_ssw[1];              // TUẦN BẮT ĐẦU (0-based): người vào giữa chừng chọn tuần xuất phát — auto-mở bỏ qua các tuần trước đó
  var _bundleLoaded=React.useRef(false);                                               // chặn ghi đè bundle trước khi nạp xong
  React.useEffect(function(){ // NẠP dữ liệu bền khi đổi lịch/đổi học viên
    _bundleLoaded.current=false;
    var b=wsSid?wsLoadBundle(wsUid, wsSid):{};
    setActualLogs(b.actualLogs||{}); setInjuries(b.injuries||{}); setWkOrders(b.wkOrders||{}); setWkRemoved(b.wkRemoved||{});
    if(b.signals) setSignals(b.signals); setAssessHistory(b.assessHistory||[]); setSessionMeta(b.sessionMeta||{}); setStartWeek(b.startWeek||0);
    setPrs(wsLoadPrs(wsUid));
    setTimeout(function(){ _bundleLoaded.current=true; },0);
  },[wsUid, wsSid]);
  React.useEffect(function(){ // LƯU dữ liệu bền mỗi khi log/đau/thứ tự/khai báo đổi (sau khi đã nạp xong)
    if(!_bundleLoaded.current || !wsSid) return;
    wsSaveBundle(wsUid, wsSid, {actualLogs:actualLogs, injuries:injuries, wkOrders:wkOrders, wkRemoved:wkRemoved, signals:signals, assessHistory:assessHistory, sessionMeta:sessionMeta, startWeek:startWeek});
  },[actualLogs, injuries, wkOrders, wkRemoved, signals, assessHistory, sessionMeta, startWeek]);
  // ĐỒNG BỘ MẶC ĐỊNH FORM từ các tab khác (điền sẵn — KHÔNG khóa, chỉnh tay thoải mái):
  //  • Tình trạng năng lượng <- "🎯 Mục tiêu hôm nay" (Check in ăn uống)
  //  • Số buổi/tuần + Thời gian tối đa/buổi <- LỘ TRÌNH mới nhất (trainDays/trainDuration)
  //  • Kinh nghiệm <- FFMI trong lộ trình mới nhất (ngưỡng theo giới)
  React.useEffect(function(){
    var cancelled=false;
    var patch={};
    var en=wsEnergyFromDailyGoal(wsUid); if(en) patch.energy_status=en;
    wsFetchLatestRoadmap(wsUid).then(function(rm){
      if(cancelled) return;
      if(rm){
        var f=parseInt(rm.trainDays,10); if(f>0) patch.frequency=Math.max(3, Math.min(6, f)); // engine hỗ trợ 3-6 buổi
        var du=parseInt(rm.trainDuration,10); if(du>0) patch.session_duration_max=Math.max(30, Math.min(180, du));
        var ex=wsExpFromFFMI(rm._ffmi, rm.gender); if(ex) patch.experience_level=ex;
      }
      if(Object.keys(patch).length) setForm(function(prev){ return Object.assign({}, prev, patch); });
    });
    return function(){ cancelled=true; };
  },[wsUid]);
  // BẤM GIỜ BUỔI TẬP: lần đầu mở 1 buổi trong tab Lịch tập -> ghi mốc bắt đầu (để check-in tự tính phút thật)
  React.useEffect(function(){
    if(!wkOpened || !wkWeekOpen || wkDay===null || !_bundleLoaded.current) return;
    var k=weekCursor+"_"+wkDay;
    setSessionMeta(function(prev){ if(prev[k]&&prev[k].start) return prev; var n=Object.assign({},prev); n[k]=Object.assign({},n[k],{start:Date.now()}); return n; });
  },[wkOpened, wkWeekOpen, wkDay, weekCursor]);
  React.useEffect(function(){ if(restEnd===null) return; var iv=setInterval(function(){ setRestTick(function(t){return t+1;}); },500); return function(){ clearInterval(iv); }; },[restEnd]);
  // Nghe sự kiện XÓA buổi tập trên lịch (tab Check in) -> gỡ dấu ✅ check-in tương ứng trong state (storage đã được wsClearCheckinMark gỡ)
  React.useEffect(function(){
    function hClr(ev){ var d=(ev&&ev.detail)||{};
      setSessionMeta(function(prev){ var n=null;
        Object.keys(prev).forEach(function(k){ var m=prev[k];
          if(m&&m.ciDate===d.date&&(d.min===undefined||m.ciMin===d.min)){ n=n||Object.assign({},prev); var c=Object.assign({},m); delete c.ciDate; delete c.ciMin; delete c.ciCal; n[k]=c; } });
        return n||prev; });
    }
    function hSweep(ev){ var valid=(ev&&ev.detail&&ev.detail.valid)||{};
      setSessionMeta(function(prev){ var n=null;
        Object.keys(prev).forEach(function(k){ var m=prev[k];
          if(m&&m.ciDate&&!valid[m.ciDate+"_"+(+m.ciMin||0)]){ n=n||Object.assign({},prev); var c=Object.assign({},m); delete c.ciDate; delete c.ciMin; delete c.ciCal; n[k]=c; } });
        return n||prev; });
    }
    window.addEventListener("ctgWsClearCheckin", hClr);
    window.addEventListener("ctgWsSweepCheckin", hSweep);
    return function(){ window.removeEventListener("ctgWsClearCheckin", hClr); window.removeEventListener("ctgWsSweepCheckin", hSweep); };
  },[]);
  // [CHECK-IN] Bấm vào tab là BUỔI TẬP KẾ TIẾP hiện ra sẵn để tập luôn: tự mở lịch MỚI NHẤT, nhảy thẳng tới buổi đầu tiên
  // chưa check-in & chưa log đủ bài. Vẫn quay lui tự do bằng breadcrumb (Các lịch › Lịch › Tuần › Buổi). Auto 1 lần/học viên.
  var _autoOpen=React.useRef(null);
  React.useEffect(function(){
    if(section!=="checkin" || savedList===null) return;   // đợi tải xong danh sách lịch đã lưu
    if(_autoOpen.current===wsUid || wkOpened) return;     // đã auto cho học viên này / người dùng đã tự mở
    _autoOpen.current=wsUid;
    var item=null, idx=-1;
    (savedList||[]).forEach(function(s,i){ if(!item || (s.created_at||0)>(item.created_at||0)){ item=s; idx=i; } });
    if(!item) return; // chưa có lịch đã lưu -> giữ màn hình chọn lịch như cũ
    loadSavedIntoMeso(item); setActiveSchedId(scheduleId(item,idx)); setWkOpened(true); setWkSchedLabel(scheduleLabel(item,idx)); setShowAssess(false);
    // đọc bundle bền TRỰC TIẾP (state nạp async chưa kịp) để tìm buổi kế tiếp
    var sid=item.created_at||item._sid||"draft"; var b=wsLoadBundle(wsUid,sid)||{}; var sm=b.sessionMeta||{}, lgs=b.actualLogs||{};
    var wks=item.weeks||[];
    var _sw=Math.min(b.startWeek||0, Math.max(0,wks.length-1)); // TUẦN BẮT ĐẦU: người vào giữa chừng — bỏ qua các tuần trước tuần xuất phát
    for(var wi=_sw; wi<wks.length; wi++){ for(var di=0; di<(wks[wi].days||[]).length; di++){
      if(sm[wi+"_"+di] && sm[wi+"_"+di].ciDate) continue; // đã check-in -> buổi đã xong
      var dd=wks[wi].days[di];
      var allLogged=dd.exercises && dd.exercises.length>0 && dd.exercises.every(function(ex,ei){ var lg=lgs[wi+"_"+di+"_"+ei]; return lg&&(lg.reps||lg.load); });
      if(allLogged) continue; // log đủ hết bài cũng coi như xong
      setWeekCursor(wi); setWkWeekOpen(true); setWkDay(di);
      // MỞ SÂU tới màn NHẬP TẠ/REP luôn: bài đầu tiên (theo thứ tự đã sắp, bỏ bài đã xóa) mà CHƯA log
      var ordA=((b.wkOrders||{})[wi+"_"+di]||dd.exercises.map(function(_x,x){return x;})).filter(function(ei2){ return !(b.wkRemoved||{})[wi+"_"+di+"_"+ei2]; });
      var firstEi=null;
      for(var oi=0; oi<ordA.length; oi++){ var lg2=lgs[wi+"_"+di+"_"+ordA[oi]]; if(!(lg2&&(lg2.reps||lg2.load))){ firstEi=ordA[oi]; break; } }
      setWkExIdx(firstEi!==null?firstEi:(ordA.length?ordA[0]:null));
      return;
    }}
    setWkWeekOpen(false); // mọi buổi đã xong -> đứng ở danh sách tuần để xem lại/đánh giá
  },[section, savedList, wsUid]);
  function logKey(weekIdx,dayIdx,exIdx){ return weekIdx+"_"+dayIdx+"_"+exIdx; }
  // Lịch sử tập của 1 bài (theo exercise_id) ở các TUẦN trước tuần hiện tại: reps/load đã log + khớp đau đã ghi.
  function exerciseHistory(exId, uptoWeek){
    if(!meso) return [];
    var out=[];
    for(var wi=0; wi<uptoWeek; wi++){ meso.weeks[wi].days.forEach(function(d,di){ d.exercises.forEach(function(ex,ei){
      if(ex.exercise_id!==exId) return; var lg=actualLogs[logKey(wi,di,ei)];
      if(lg && (lg.reps||lg.load)) out.push({week:wi+1, sets:ex.sets, reps:lg.reps, load:lg.load});
    }); }); }
    return out;
  }
  function setActualLog(key,field,value){ setActualLogs(function(prev){ var next=Object.assign({},prev); next[key]=Object.assign({reps:"",load:""},next[key],{[field]:value}); return next; }); }
  // LOG TỪNG SET (chuẩn nghề HLV): lưu chi tiết mỗi hiệp; đồng thời "mirror" set TỐT NHẤT (e1RM cao nhất) vào reps/load
  // để mọi phần cũ (perf delta autoreg, hiển thị tóm tắt, PR) dùng chung không phải sửa. Tự cập nhật KỶ LỤC CÁ NHÂN khi vượt.
  function setSetDetail(key, setIdx, field, value, ex){
    var cur=Object.assign({reps:"",load:"",setsDetail:[]}, actualLogs[key]);
    var arr=(cur.setsDetail||[]).slice(); while(arr.length<=setIdx) arr.push({reps:"",load:""});
    arr[setIdx]=Object.assign({}, arr[setIdx]); arr[setIdx][field]=value; cur.setsDetail=arr;
    var best=null, bestE=0; arr.forEach(function(s){ var e=wsE1RM(+s.load||0,+s.reps||0); if(e>bestE){ bestE=e; best=s; } });
    if(best){ cur.reps=best.reps; cur.load=best.load; }
    var next=Object.assign({}, actualLogs); next[key]=cur; setActualLogs(next);
    if(ex && bestE>0){ var old=prs[ex.exercise_id];
      if(!old || bestE>old.e1rm+0.01){ var np=Object.assign({}, prs); np[ex.exercise_id]={e1rm:Math.round(bestE*10)/10, load:+best.load||0, reps:+best.reps||0, date:Date.now(), exercise:ex.exercise}; setPrs(np); wsSavePrs(wsUid, np); }
    }
  }
  var _sinj=React.useState({}); var injuries=_sinj[0], setInjuries=_sinj[1]; // {exercise_id: [jointKeys]} — khớp đau CHỌN theo bài (chỉ khớp liên quan)
  function toggleInjuryJoint(exId,joint){ setInjuries(function(prev){ var n=Object.assign({},prev); var arr=(n[exId]||[]).slice(); var i=arr.indexOf(joint); if(i>=0)arr.splice(i,1); else arr.push(joint); if(arr.length)n[exId]=arr; else delete n[exId]; return n; }); }
  var _sopi=React.useState(null); var openInjury=_sopi[0], setOpenInjury=_sopi[1]; // logKey của hàng đang mở panel khớp đau

  React.useEffect(function(){
    var uid = isAdmin ? (pickedStudent&&pickedStudent.id) : 0;
    wsFetchSchedules(uid).then(function(list){ setSavedList(Array.isArray(list)?list:[]); });
    // ĐỔI HỌC VIÊN -> reset toàn bộ ngữ cảnh đang mở (lịch/log/màn hình) — tránh lưu nhầm lịch của khách A cho khách B
    setMeso(null); setWeekCursor(0); setWeekReport(null); setWkOpened(false); setWkWeekOpen(false); setWkDay(null); setWkExIdx(null);
    setShowAssess(false); setActiveSchedId(null); setLastRemoved(null); setRestEnd(null);
  },[isAdmin, picked]);

  function handleGenerate(){
    setErrMsg("");
    try{
      var m=wsGenerateMesocycle(form); // số tuần tự suy theo trình độ + calo (không cố định 5)
      m._sid=Date.now(); // mã lịch ỔN ĐỊNH từ lúc tạo — log tập gắn theo mã này nên lưu lịch xong log vẫn liền mạch
      setMeso(m); setWeekCursor(0);
      wsAutoPersist(m); // TỰ LƯU NGAY (như lộ trình/bữa ăn) — out ra vào lại không mất lịch
    }catch(e){ setErrMsg(e.message||String(e)); setMeso(null); }
  }
  // TỰ ĐỘNG LƯU lịch ngay khi vừa tạo (giống các tab khác: tạo xong là đã nằm trên server + localStorage). Gắn created_at trả về để các lần
  // sửa sau là CẬP NHẬT bản này, không nhân bản. Không chặn UI: chạy nền, xong thì refresh danh sách lịch đã lưu.
  function wsAutoPersist(m){
    var uid = isAdmin ? (pickedStudent&&pickedStudent.id) : 0;
    wsStartSchedule(uid, m).then(function(saved){
      if(saved&&saved.created_at&&!m.created_at){ setMeso(function(prev){ return (prev&&prev._sid===m._sid)?Object.assign({}, prev, {created_at:saved.created_at}):prev; }); }
      wsFetchSchedules(uid).then(function(list){ setSavedList(Array.isArray(list)?list:[]); });
      if(reloadData) reloadData();
    }).catch(function(){});
  }
  // TỰ LƯU MỌI CHỈNH SỬA lịch (thêm/xóa bài, đổi thứ tự, cân bằng, đổi tên buổi...): mỗi khi meso đổi & đã có created_at -> lưu nền (debounce 1s).
  // Dùng chữ ký JSON để bỏ qua lần mở lịch (nội dung y hệt) — chỉ lưu khi thật sự có thay đổi. Nhờ vậy out ra vào lại KHÔNG mất chỉnh sửa.
  var _mesoSig=React.useRef(""); var _mesoSaveT=React.useRef(null);
  React.useEffect(function(){
    if(!meso || !meso.weeks || !meso.created_at) return; // chưa persist lần đầu -> handleGenerate/handleCreateCustom lo
    var sig=""; try{ sig=JSON.stringify(meso); }catch(e){ return; }
    if(sig===_mesoSig.current) return;
    if(_mesoSaveT.current) clearTimeout(_mesoSaveT.current);
    var snap=meso;
    _mesoSaveT.current=setTimeout(function(){ _mesoSig.current=sig; var uid = isAdmin ? (pickedStudent&&pickedStudent.id) : 0; wsStartSchedule(uid, snap).catch(function(){}); },1000);
    return function(){ if(_mesoSaveT.current) clearTimeout(_mesoSaveT.current); };
  },[meso]);
  function handleSave(){
    if(!meso) return;
    var uid = isAdmin ? (pickedStudent&&pickedStudent.id) : 0;
    var isUpdate=!!meso.created_at;
    wsStartSchedule(uid, meso).then(function(saved){
      if(saved&&saved.created_at&&!meso.created_at){ setMeso(Object.assign({}, meso, {created_at:saved.created_at})); } // lần lưu đầu: gắn created_at để các lần sau CẬP NHẬT bản này
      wsFetchSchedules(uid).then(function(list){ setSavedList(Array.isArray(list)?list:[]); });
      if(reloadData) reloadData();
      alert(isUpdate?"Đã CẬP NHẬT lịch đã lưu (không tạo bản mới).":"Đã lưu lịch tập.");
    });
  }
  // Tự tính %Δ thành tích TỪNG NHÓM CƠ (e1RM Epley) từ log thực tế: tuần hiện tại so tuần trước, cùng bài. Không hỏi khách — lấy từ data.
  function computePerfDeltas(){
    if(!meso) return {};
    var cur=meso.weeks[weekCursor], prev=(weekCursor>0)?meso.weeks[weekCursor-1]:null;
    if(!prev) return {};
    function bestE1RM(wIdx, exId){
      var best=0;
      meso.weeks[wIdx].days.forEach(function(d,di){ d.exercises.forEach(function(ex,ei){ if(ex.exercise_id!==exId) return; var lg=actualLogs[logKey(wIdx,di,ei)]; if(lg&&+lg.load>0&&+lg.reps>0){ var e=wsE1RM(+lg.load,+lg.reps); if(e>best) best=e; } }); });
      return best;
    }
    var byM={};
    cur.days.forEach(function(d){ d.exercises.forEach(function(ex){
      var c=bestE1RM(weekCursor, ex.exercise_id), p=bestE1RM(weekCursor-1, ex.exercise_id);
      if(c>0&&p>0){ (byM[ex.muscle]=byM[ex.muscle]||[]).push(wsPerfDeltaPct(c,p)); }
    }); });
    var out={}; Object.keys(byM).forEach(function(m){ out[m]=Math.round(byM[m].reduce(function(s,v){return s+v;},0)/byM[m].length*10)/10; });
    return out;
  }
  function musclesThisWeek(){
    if(!meso) return [];
    var set={}; meso.weeks[weekCursor].days.forEach(function(d){ d.exercises.forEach(function(x){ set[x.muscle]=1; }); });
    return Object.keys(set);
  }
  // đếm số buổi có LOG (proxy tuân thủ)
  function adherenceThisWeek(){
    var wk=meso.weeks[weekCursor]; var done=0;
    wk.days.forEach(function(d,di){ var any=d.exercises.some(function(ex,ei){ var lg=actualLogs[logKey(weekCursor,di,ei)]; return lg&&(+lg.reps>0); }); if(any) done++; });
    return {done:done, planned:wk.days.length};
  }
  function handleAssessWeek(){
    if(!meso) return;
    var perf=computePerfDeltas();
    var muscles=musclesThisWeek();
    var muscleSignals=muscles.map(function(m){
      // TỐI GIẢN: chỉ nhóm được CHỌN là "chưa phục hồi kịp/quá tải" (persistent -> giảm tải); không chọn = phục hồi tốt (healed_early -> đủ điều kiện tiến).
      // Pump bỏ (mặc định normal) vì tiến triển đã lấy từ log. ĐAU KHỚP nay ghi CHÍNH XÁC theo BÀI (ô chấn thương trên lịch), không còn ở mức nhóm cơ.
      return {muscle:m, soreness:(signals.overloaded[m]?"persistent":"healed_early"), jointPain:false, pump:"normal", perfDeltaPct:(perf[m]!==undefined?perf[m]:0), effort:signals.effort, stallStreak:0};
    });
    var defPct=WS_ENERGY_DEFICIT_PCT?WS_ENERGY_DEFICIT_PCT[form.energy_status]:0;
    var global={ sleepHours:+signals.sleepHours, alertness:signals.alertness, stress:signals.stress, motivation:signals.motivation,
      cutting:(defPct>0), weightTrendPct:(typeof signals.weightTrendPct==="number"?signals.weightTrendPct:undefined),
      calAdherence:signals.calAdherence||"on", illnessInjury:!!signals.illnessInjury };
    var meso2={ weekIndex:weekCursor, mesoWeeks:meso.mesocycle_weeks, accumulatedWeeks:weekCursor+1 };
    var prevVolumeMap=meso.weeks[weekCursor].volumeMap||{};
    var assessment=wsWeeklyAssessment({muscleSignals:muscleSignals, global:global, adherence:adherenceThisWeek(), meso:meso2, prevVolumeMap:prevVolumeMap});
    assessment._perf=perf;
    // CHẤN THƯƠNG theo BÀI (khớp cụ thể): app CHỈ KHUYẾN CÁO + gợi ý bài thân thiện khớp — KHÔNG tự đổi. Học viên tự đổi ở cột "Thay thế" (sau khi hỏi HLV/bác sĩ).
    var injuryNotes=[];
    Object.keys(injuries).forEach(function(exId){ var eo=WS_EXERCISE_DB.find(function(e){return e.exercise_id===exId;}); if(!eo) return; var joints=injuries[exId]||[]; if(!joints.length) return;
      var sugg=wsJointFriendlyAlts(exId, meso.inputs.equipment, meso.inputs.goal, 3).map(function(z){return z.name;});
      injuryNotes.push({from:eo.name, joints:joints.map(function(j){return WS_JOINT_LABEL[j];}), suggestions:sugg, lowerBack:(joints.indexOf("low_back")>=0)});
    });
    assessment._injuryNotes=injuryNotes; assessment._injuredIds=[]; // KHÔNG tự đổi -> không truyền vào builder
    // cảnh báo thiếu log: nếu <1/2 số bài có log tạ/rep -> %Δ thành tích không đáng tin (âm thầm coi = 0)
    var totalEx=0, logged=0;
    meso.weeks[weekCursor].days.forEach(function(d,di){ d.exercises.forEach(function(ex,ei){ totalEx++; var lg=actualLogs[logKey(weekCursor,di,ei)]; if(lg&&+lg.reps>0&&+lg.load>0) logged++; }); });
    assessment._logWarn = (weekCursor>0 && totalEx>0 && logged/totalEx < 0.5);
    assessment._logCov = totalEx>0?Math.round(logged/totalEx*100):0;
    // DỰNG TRƯỚC tuần kế NGAY để báo cáo bằng SỐ SET THỰC (physical) + tải, và để "Áp dụng" dùng đúng tuần đã xem (tránh sinh khác do random).
    if(meso._template){
      var preview=wsBuildAutoregWeek(meso, weekCursor, assessment);
      if(preview){
        assessment._preview=preview;
        var nowP={}, nextP={}, sumNow=0, nNow=0, sumNext=0, nNext=0;
        meso.weeks[weekCursor].days.forEach(function(d){ d.exercises.forEach(function(x){ nowP[x.muscle]=(nowP[x.muscle]||0)+x.sets; sumNow+=x.rpe; nNow++; }); });
        preview.days.forEach(function(d){ d.exercises.forEach(function(x){ nextP[x.muscle]=(nextP[x.muscle]||0)+x.sets; sumNext+=x.rpe; nNext++; }); });
        assessment._physNow=nowP; assessment._physNext=nextP;
        assessment._rpeNow=nNow?Math.round(sumNow/nNow*10)/10:0; assessment._rpeNext=nNext?Math.round(sumNext/nNext*10)/10:0;
      }
    }
    setWeekReport(assessment);
    // LƯU LỊCH SỬ ĐÁNH GIÁ (xem lại các tuần trước đã đánh giá gì) — ghi đè entry cùng tuần nếu đánh giá lại
    setAssessHistory(function(prev){
      var e={week:weekCursor+1, light:assessment.systemic.light, label:assessment.directionLabel, score:assessment.systemic.score, ts:Date.now()};
      var n=(prev||[]).filter(function(x){ return x.week!==e.week; }); n.push(e); n.sort(function(a,b){ return a.week-b.week; }); return n;
    });
  }
  function handleApplyNextWeek(){
    if(!meso||!weekReport) return;
    if(!meso._template){ alert("Lịch này được tạo trước bản cập nhật autoregulation. Hãy bấm \"Tạo lịch\" lại để dùng tính năng chuyển tuần."); return; }
    var nextWeek=weekReport._preview||wsBuildAutoregWeek(meso, weekCursor, weekReport); // dùng ĐÚNG tuần đã xem trước (idempotent, khớp báo cáo)
    if(!nextWeek){ alert("Không dựng được tuần kế. Hãy tạo lại lịch."); return; }
    setMeso(function(prev){
      var w=prev.weeks.slice(0, weekCursor+1); w.push(nextWeek); // cắt các tuần dự thảo sau con trỏ, nối tuần vừa duyệt (idempotent)
      return Object.assign({}, prev, {weeks:w, mesocycle_weeks:w.length});
    });
    setWeekCursor(weekCursor+1); setWeekReport(null);
    if(weekReport.newBlock){ alert("Tuần deload đã tạo. Kết thúc chu kỳ — bạn có thể chỉnh Mục tiêu/Nhóm ưu tiên ở form trên rồi bấm \"🔁 Mở block mới\" để bắt đầu chu kỳ mới với baseline cao hơn."); }
  }
  function handleNewBlock(){
    if(!meso) return;
    try{ var m=wsGenerateMesocycle(form); setMeso(m); setWeekCursor(0); setWeekReport(null); }
    catch(e){ setErrMsg(e.message||String(e)); }
  }
  // ===== THÊM/BỚT BÀI trong lịch + tự cân bằng volume tuần (các ngày SAU tự chỉnh; không cân nổi -> cảnh báo thừa/thiếu + hỏi xác nhận) =====
  function commitWeekEdit(editedDayIdx, mutateWeekFn, affectedMuscles){
    if(!meso) return false;
    var wk=JSON.parse(JSON.stringify(meso.weeks[weekCursor]));
    if(mutateWeekFn(wk)===false) return false; // mutate trả false = hủy
    var issues=wsRebalanceWeekVolume(wk, editedDayIdx, affectedMuscles, meso.inputs||{}, weekCursor, meso.mesocycle_weeks||1);
    if(issues.length){
      var msg="⚠ Với thay đổi này, VOLUME TUẦN sẽ KHÔNG đảm bảo được (các ngày sau đã tự chỉnh hết mức):\n"
        + issues.map(function(it){ return "  • "+(WS_MUSCLE_LABEL[it.muscle]||it.muscle)+": "+(it.delta>0?("THỪA "+it.delta+" set so với mục tiêu tuần"):("THIẾU "+(-it.delta)+" set so với mục tiêu tuần")); }).join("\n")
        + "\n\nBạn có CHẮC CHẮN với thay đổi này không?";
      if(!window.confirm(msg)) return false;
    }
    var newWeeks=meso.weeks.map(function(w,wi){ return wi===weekCursor?wk:w; });
    setMeso(Object.assign({}, meso, {weeks:newWeeks}));
    // thứ tự tập tạm (bỏ qua/đẩy cuối) của ngày vừa sửa dựa trên CHỈ SỐ bài -> reset để không trỏ lệch sau thêm/bớt
    setWkOrders(function(prev){ var n=Object.assign({},prev); delete n[weekCursor+"_"+editedDayIdx]; return n; });
    return true;
  }
  // Dịch lại khóa log thực tế/cờ-bỏ-bài của ngày dayIdx sau khi XÓA bài ở vị trí exIdx (các bài sau dồn lên 1 chỉ số — log phải dồn theo, không lệch hàng)
  function shiftLogsAfterRemoval(dayIdx, exIdx){
    function remap(obj){ var n={}; Object.keys(obj).forEach(function(k){ var p=k.split("_"); if(+p[0]===weekCursor && +p[1]===dayIdx){ var ei=+p[2]; if(ei===exIdx) return; if(ei>exIdx){ n[p[0]+"_"+p[1]+"_"+(ei-1)]=obj[k]; return; } } n[k]=obj[k]; }); return n; }
    setActualLogs(function(prev){ return remap(prev); });
    setWkRemoved(function(prev){ return remap(prev); });
  }
  function handleRemoveExercise(dayIdx, exIdx){
    if(!meso) return;
    var cur=meso.weeks[weekCursor].days[dayIdx]; var target=cur&&cur.exercises[exIdx]; if(!target) return;
    if(!window.confirm("Bỏ bài \""+target.exercise+"\" khỏi "+cur.session_name+" (Ngày "+cur.day+")?")) return;
    var ok=commitWeekEdit(dayIdx, function(wk){
      var d=wk.days[dayIdx]; var removed=d.exercises[exIdx]; if(!removed) return false;
      if(removed.superset_group!==undefined){ d.exercises.forEach(function(x){ if(x.superset_group===removed.superset_group){ x.superset=false; x.superset_group=undefined; } }); }
      d.exercises.splice(exIdx,1);
    }, [target.muscle]);
    if(ok){ shiftLogsAfterRemoval(dayIdx, exIdx); setLastRemoved({dayIdx:dayIdx, exIdx:exIdx, ex:target}); }
  }
  // GẮN THỨ TRONG TUẦN cho buổi thứ dayIdx — áp cho MỌI tuần (cấu trúc buổi giống nhau giữa các tuần) để khách biết "thứ mấy tập gì"
  function handleSetWeekday(dayIdx, wd){
    if(!meso) return;
    setMeso(Object.assign({}, meso, {weeks: meso.weeks.map(function(wk){
      var days=wk.days.map(function(dd,di){ return di===dayIdx ? Object.assign({}, dd, {weekday: wd||undefined}) : dd; });
      return Object.assign({}, wk, {days:days});
    })}));
  }
  var WS_WEEKDAYS=["Thứ 2","Thứ 3","Thứ 4","Thứ 5","Thứ 6","Thứ 7","Chủ nhật"];
  // XUẤT LỊCH cho khách: (1) copy văn bản gọn dán Zalo; (2) mở trang in sạch -> Ctrl+P ra PDF/giấy
  function wsExportText(){
    if(!meso) return "";
    var lines=["📋 LỊCH TẬP"+(meso.inputs?(" — "+(WS_GOAL_LABEL[meso.inputs.goal]||meso.inputs.goal)):"")];
    meso.weeks.forEach(function(wk,wi){
      lines.push(""); lines.push("=== TUẦN "+(wi+1)+(wk.isDeload?" (DELOAD — tuần xả nhẹ)":"")+" ===");
      wk.days.forEach(function(d){
        lines.push("• Ngày "+d.day+(d.weekday?(" ("+d.weekday+")"):"")+" — "+d.session_name+" (~"+d.estimated_minutes+"p)");
        d.exercises.forEach(function(x){ lines.push("   - "+x.exercise+": "+x.sets+" set × "+x.reps+" @RPE "+x.rpe+", nghỉ "+x.rest_seconds+"s"+(x.superset_group!==undefined?" 🔗superset":"")); });
      });
    });
    return lines.join("\n");
  }
  function handleCopySchedule(){
    var t=wsExportText(); if(!t) return;
    if(navigator.clipboard&&navigator.clipboard.writeText){ navigator.clipboard.writeText(t).then(function(){ alert("✅ Đã copy toàn bộ lịch — dán thẳng vào Zalo gửi khách."); },function(){ window.prompt("Copy thủ công (Ctrl+C):", t); }); }
    else window.prompt("Copy thủ công (Ctrl+C):", t);
  }
  function handlePrintSchedule(){
    if(!meso) return;
    var w=window.open("","_blank"); if(!w){ alert("Trình duyệt đang chặn cửa sổ mới — hãy cho phép popup."); return; }
    var h=['<html><head><meta charset="utf-8"><title>Lịch tập</title><style>body{font-family:Arial,sans-serif;color:#111;margin:24px}h2{margin:18px 0 6px}h3{margin:12px 0 4px}table{border-collapse:collapse;width:100%;margin-bottom:10px}th,td{border:1px solid #999;padding:4px 8px;font-size:12.5px;text-align:left}th{background:#eee}</style></head><body>'];
    h.push("<h1>📋 Lịch tập"+(meso.inputs?(" — "+(WS_GOAL_LABEL[meso.inputs.goal]||meso.inputs.goal)):"")+"</h1>");
    meso.weeks.forEach(function(wk,wi){
      h.push("<h2>Tuần "+(wi+1)+(wk.isDeload?" (Deload)":"")+"</h2>");
      wk.days.forEach(function(d){
        h.push("<h3>Ngày "+d.day+(d.weekday?(" · "+d.weekday):"")+" — "+d.session_name+" (~"+d.estimated_minutes+" phút)</h3>");
        h.push("<table><tr><th>Bài tập</th><th>Set</th><th>Rep</th><th>RPE</th><th>Nghỉ</th><th>Ghi chú</th></tr>");
        d.exercises.forEach(function(x){ h.push("<tr><td>"+(x.superset_group!==undefined?"🔗 ":"")+x.exercise+"</td><td>"+x.sets+"</td><td>"+x.reps+"</td><td>"+x.rpe+"</td><td>"+x.rest_seconds+"s</td><td>"+(x.note||"")+"</td></tr>"); });
        h.push("</table>");
      });
    });
    h.push("</body></html>");
    w.document.write(h.join("")); w.document.close(); w.focus();
    setTimeout(function(){ try{ w.print(); }catch(e){} }, 300);
  }
  // SẮP LẠI THỨ TỰ BÀI trong buổi (↑/↓) — cặp superset di chuyển như 1 KHỐI (không tách cặp); chỉ đổi thứ tự, không đổi volume
  function handleMoveExercise(dayIdx, exIdx, dir){
    if(!meso) return;
    var wk=JSON.parse(JSON.stringify(meso.weeks[weekCursor])); var d=wk.days[dayIdx]; if(!d) return;
    var blocks=[], used={};
    d.exercises.forEach(function(x,i){ if(used[i]) return;
      if(x.superset_group!==undefined){ for(var j=i+1;j<d.exercises.length;j++){ if(!used[j]&&d.exercises[j].superset_group===x.superset_group){ used[i]=used[j]=true; blocks.push([i,j]); return; } } }
      used[i]=true; blocks.push([i]);
    });
    var bi=blocks.findIndex(function(b){ return b.indexOf(exIdx)>=0; });
    var ti=bi+(dir<0?-1:1); if(bi<0||ti<0||ti>=blocks.length) return;
    var tmp=blocks[bi]; blocks[bi]=blocks[ti]; blocks[ti]=tmp;
    var oldEx=d.exercises;
    d.exercises=blocks.reduce(function(acc,b){ b.forEach(function(i){ acc.push(oldEx[i]); }); return acc; },[]);
    // log tập đang gắn theo CHỈ SỐ bài -> dịch log theo hoán vị mới để không lệch hàng
    var order=blocks.reduce(function(acc,b){ b.forEach(function(i){ acc.push(i); }); return acc; },[]);
    var remapLogs=function(obj){ var n={}; Object.keys(obj).forEach(function(k){ var p=k.split("_"); if(+p[0]===weekCursor&&+p[1]===dayIdx){ var newIdx=order.indexOf(+p[2]); if(newIdx>=0){ n[p[0]+"_"+p[1]+"_"+newIdx]=obj[k]; return; } } n[k]=obj[k]; }); return n; };
    setActualLogs(function(prev){ return remapLogs(prev); }); setWkRemoved(function(prev){ return remapLogs(prev); });
    setWkOrders(function(prev){ var n=Object.assign({},prev); delete n[weekCursor+"_"+dayIdx]; return n; });
    setMeso(Object.assign({}, meso, {weeks: meso.weeks.map(function(w,wi){ return wi===weekCursor?wk:w; })}));
  }
  // SẮP LẠI THỨ TỰ BUỔI (↑/↓) — áp cho MỌI tuần để cấu trúc tuần đồng nhất; đánh lại số Ngày
  function handleMoveDay(dayIdx, dir){
    if(!meso) return; var ti=dayIdx+(dir<0?-1:1);
    if(ti<0 || ti>=meso.weeks[weekCursor].days.length) return;
    setMeso(Object.assign({}, meso, {weeks: meso.weeks.map(function(wk){
      var days=wk.days.slice(); if(ti>=days.length) return wk;
      var t=days[dayIdx]; days[dayIdx]=days[ti]; days[ti]=t;
      days=days.map(function(dd,i){ return Object.assign({},dd,{day:i+1}); });
      return Object.assign({}, wk, {days:days});
    })}));
    // log gắn theo (tuần, CHỈ SỐ buổi) -> hoán đổi khóa 2 buổi cho khớp vị trí mới (áp mọi tuần)
    var swapKeys=function(obj){ var n={}; Object.keys(obj).forEach(function(k){ var p=k.split("_"); var di=+p[1]; if(di===dayIdx) n[p[0]+"_"+ti+"_"+p[2]]=obj[k]; else if(di===ti) n[p[0]+"_"+dayIdx+"_"+p[2]]=obj[k]; else n[k]=obj[k]; }); return n; };
    setActualLogs(function(prev){ return swapKeys(prev); }); setWkRemoved(function(prev){ return swapKeys(prev); }); setWkOrders(function(prev){ return {}; });
  }
  function handleRenameDay(dayIdx){
    if(!meso) return; var cur=meso.weeks[weekCursor].days[dayIdx];
    var nn=window.prompt("Tên buổi mới:", cur?cur.session_name:""); if(nn===null||!nn.trim()) return;
    setMeso(Object.assign({}, meso, {weeks: meso.weeks.map(function(wk){
      return Object.assign({}, wk, {days: wk.days.map(function(dd,di){ return di===dayIdx?Object.assign({},dd,{session_name:nn.trim()}):dd; })});
    })}));
  }
  function handleDuplicateCustomDay(dayIdx){
    if(!meso || !meso._custom) return;
    var wk=JSON.parse(JSON.stringify(meso.weeks[weekCursor]));
    var cp=JSON.parse(JSON.stringify(wk.days[dayIdx])); cp.session_name=cp.session_name+" (bản sao)";
    wk.days.splice(dayIdx+1,0,cp); wk.days.forEach(function(dd,i){ dd.day=i+1; });
    setMeso(Object.assign({}, meso, {weeks: meso.weeks.map(function(w,wi){ return wi===weekCursor?wk:w; })}));
  }
  function handleDuplicateCustomWeek(){
    if(!meso || !meso._custom) return;
    var cp=JSON.parse(JSON.stringify(meso.weeks[weekCursor]));
    var weeks=meso.weeks.concat([cp]);
    setMeso(Object.assign({}, meso, {weeks:weeks, mesocycle_weeks:weeks.length}));
    setWeekCursor(weeks.length-1);
  }
  // HOÀN TÁC xóa bài (1 bước gần nhất): chèn lại đúng vị trí + dịch lại khóa log cho các bài phía sau
  function shiftLogsAfterInsert(dayIdx, exIdx){
    var remap=function(obj){ var n={}; Object.keys(obj).forEach(function(k){ var p=k.split("_"); if(+p[0]===weekCursor && +p[1]===dayIdx){ var ei=+p[2]; if(ei>=exIdx){ n[p[0]+"_"+p[1]+"_"+(ei+1)]=obj[k]; return; } } n[k]=obj[k]; }); return n; };
    setActualLogs(function(prev){ return remap(prev); }); setWkRemoved(function(prev){ return remap(prev); });
  }
  function handleUndoRemove(){
    if(!meso || !lastRemoved) return;
    var lr=lastRemoved;
    shiftLogsAfterInsert(lr.dayIdx, lr.exIdx);
    var ok=commitWeekEdit(lr.dayIdx, function(wk){
      var d=wk.days[lr.dayIdx]; if(!d) return false;
      var ex=Object.assign({}, lr.ex, {superset:false, superset_group:undefined});
      d.exercises.splice(Math.min(lr.exIdx, d.exercises.length), 0, ex);
    }, [lr.ex.muscle]);
    if(ok) setLastRemoved(null); else shiftLogsAfterRemoval(lr.dayIdx, lr.exIdx); // commit hủy -> trả khóa log về như cũ
  }
  // SỬA TAY từng ô kế hoạch (Warm-up/Số set/Số rep/RPE/Nghỉ/Ghi chú) — cập nhật trực tiếp, tự tính lại giờ buổi + tổng kết set.
  // Số set đổi tay KHÔNG kích hoạt cân bằng tuần/cảnh báo (người dùng chủ động ghi đè); cân bằng chỉ chạy khi THÊM/BỚT BÀI.
  function handleEditExField(dayIdx, exIdx, field, value){
    if(!meso) return;
    var wk=JSON.parse(JSON.stringify(meso.weeks[weekCursor]));
    var d=wk.days[dayIdx]; var ex=d&&d.exercises[exIdx]; if(!ex) return;
    if(field==="sets"){ var v=Math.max(1, Math.min(10, Math.round(+value||1))); ex.sets=v; if(ex.superset_group!==undefined) wsEqualizeSupersetSets(d.exercises); }
    else if(field==="rpe"){ var r=Math.max(5, Math.min(10, Math.round((+value||6)*2)/2)); ex.rpe=r; ex.load="RPE "+r; }
    else if(field==="rest_seconds"){ ex.rest_seconds=Math.max(15, Math.min(600, Math.round(+value||60))); }
    else if(field==="warmup_override"){ var w2=Math.max(0, Math.min(5, Math.round(+value||0))); ex.warmup_override=w2; }
    else if(field==="reps"||field==="note"){ ex[field]=value; }
    wsRecalcDayMinutes(d, (meso.inputs&&meso.inputs.goal)||"hypertrophy");
    d.muscle_set_summary=wsSummarizeSetsByMuscle(d.exercises);
    wk.week_muscle_set_summary=wsSummarizeSetsByMuscle(wk.days.reduce(function(a,dd){return a.concat(dd.exercises);},[]));
    setMeso(Object.assign({}, meso, {weeks: meso.weeks.map(function(w,wi){ return wi===weekCursor?wk:w; })}));
  }
  function handleAddExercisePicked(exObj){
    if(!meso || exPicker===null) return;
    var dayIdx=exPicker.dayIdx;
    setExPicker(null);
    commitWeekEdit(dayIdx, function(wk){
      var d=wk.days[dayIdx]; if(!d) return false;
      if(d.exercises.some(function(x){return x.exercise_id===exObj.exercise_id;})){ alert("Bài này đã có trong buổi."); return false; }
      var isDeload=!!wk.isDeload;
      var fin=wsFinalizeSwappedSlot(exObj, (meso.inputs&&meso.inputs.goal)||"hypertrophy", weekCursor, meso.mesocycle_weeks||1, (meso.inputs&&meso.inputs.experience_level)||"intermediate", isDeload);
      d.exercises.push({block:1, week:weekCursor+1, day:d.day, session_name:d.session_name, exercise:exObj.name, exercise_id:exObj.exercise_id, pattern:exObj.pattern, muscle:exObj.primary_muscle.name, region:exObj.region, sets:3, reps:fin.reps, rpe:fin.rpe, load:fin.load, rest_seconds:fin.rest_seconds, alternatives:wsAlternativesFor(exObj.exercise_id).map(function(z){return z.name;}), video_url:exObj.video_url||"", note:"", superset:false, superset_group:undefined});
    }, [exObj.primary_muscle.name]);
  }
  // ===== LỊCH TỰ TẠO: dựng tay từ đầu — thêm/xóa BUỔI, thêm bài qua bộ chọn (không có target volume nên không cân bằng/cảnh báo) =====
  function handleCreateCustom(){
    if(meso && !window.confirm("Tạo lịch tự thiết kế MỚI? Lịch đang mở (chưa lưu) sẽ bị thay thế.")) return;
    var wk={days:[], isDeload:false, volumeMap:null, week_muscle_set_summary:[]};
    var cm={inputs:Object.assign({}, form), mesocycle_weeks:1, weeks:[wk], _custom:true, _sid:Date.now()};
    setMeso(cm); setWeekCursor(0); setWeekReport(null); setErrMsg("");
    wsAutoPersist(cm); // TỰ LƯU NGAY để lịch tự tạo không mất khi out ra vào lại; các buổi/bài thêm sau tự lưu qua effect theo meso
  }
  function handleAddCustomDay(){
    if(!meso || !meso._custom) return;
    var wk=JSON.parse(JSON.stringify(meso.weeks[weekCursor]));
    var name=(customDayName||"").trim() || ("Buổi "+(wk.days.length+1)); // tên TỰ ĐẶT; bỏ trống thì đặt tạm "Buổi N"
    wk.days.push({block:1, week:weekCursor+1, day:wk.days.length+1, session_name:name, exercises:[], estimated_minutes:WS_GENERAL_WARMUP_MIN, downgrades:[], muscle_set_summary:[]});
    setMeso(Object.assign({}, meso, {weeks: meso.weeks.map(function(w,wi){ return wi===weekCursor?wk:w; })}));
    setCustomDayName("");
  }
  function handleDeleteCustomDay(dayIdx){
    if(!meso || !meso._custom) return;
    var d=meso.weeks[weekCursor].days[dayIdx];
    if(!window.confirm("Xóa buổi \""+(d?d.session_name:"")+"\" (Ngày "+(d?d.day:"")+") cùng toàn bộ bài trong buổi?")) return;
    var wk=JSON.parse(JSON.stringify(meso.weeks[weekCursor]));
    wk.days.splice(dayIdx,1);
    wk.days.forEach(function(dd,i){ dd.day=i+1; });
    wk.week_muscle_set_summary=wsSummarizeSetsByMuscle(wk.days.reduce(function(a,dd){return a.concat(dd.exercises);},[]));
    setMeso(Object.assign({}, meso, {weeks: meso.weeks.map(function(w,wi){ return wi===weekCursor?wk:w; })}));
  }
  // CHECK-IN BUỔI TẬP ngay trong tab Lịch tập (thay ô "CHECK IN BUỔI TẬP NGAY" cũ): tự ghi nhận THỜI GIAN THẬT của buổi
  // (đo từ lúc mở buổi) -> tính calo (MET 6 - tập tạ) -> POST đúng API workouts cũ (dữ liệu cũ/tab Check in tập luyện giữ nguyên 100%).
  // TÓM TẮT CHI TIẾT 1 BUỔI: mỗi bài -> {tên, mục tiêu set×rep@RPE, các hiệp đã tập (kg×rep), có đau?}. Đọc từ actualLogs (setsDetail nếu có).
  // Dùng cho: (1) bảng chi tiết trong strip đã-check-in; (2) chuỗi text gói vào bản ghi buổi tập để xem lại trên LỊCH (calendar report card).
  function buildSessionDetail(wi, di){
    var d=meso&&meso.weeks[wi]&&meso.weeks[wi].days[di]; if(!d) return [];
    var ord=(wkOrders[wi+"_"+di]||d.exercises.map(function(_x,x){return x;})).filter(function(ei){ return !wkRemoved[wi+"_"+di+"_"+ei]; });
    return ord.map(function(ei){ var ex=d.exercises[ei]; if(!ex) return null; var lg=actualLogs[wi+"_"+di+"_"+ei]||{};
      var sets=[]; if(lg.setsDetail&&lg.setsDetail.length){ lg.setsDetail.forEach(function(s){ if((s.load!==""&&s.load!=null)||(s.reps!==""&&s.reps!=null)) sets.push({load:s.load,reps:s.reps}); }); }
      else if(lg.reps||lg.load){ sets.push({load:lg.load,reps:lg.reps}); }
      return {exercise:ex.exercise, tgtSets:ex.sets, tgtReps:ex.reps, rpe:ex.rpe, sets:sets, inj:(injuries[ex.exercise_id]||[]).map(function(j){return WS_JOINT_LABEL[j]||j;})};
    }).filter(Boolean);
  }
  function sessionDetailText(detail){
    return detail.map(function(x){ var done=x.sets.length?x.sets.map(function(s){return (s.load||"?")+"kg×"+(s.reps||"?");}).join(", "):"(chưa ghi)"; return "• "+x.exercise+" ["+x.tgtSets+"×"+x.tgtReps+" @RPE"+x.rpe+"]: "+done+(x.inj.length?" 🩹"+x.inj.join("/"):""); }).join("\n");
  }
  function handleSessionCheckin(){
    if(!meso || wkDay===null) return;
    var k=weekCursor+"_"+wkDay; var metaS=sessionMeta[k]||{};
    var d=meso.weeks[weekCursor].days[wkDay];
    if(metaS.ciDate){ alert("Buổi này đã check-in ngày "+metaS.ciDate+" ("+metaS.ciMin+" phút ≈ "+metaS.ciCal+" kcal)."); return; }
    var min = d.estimated_minutes||60; // THỜI GIAN BUỔI đã SET UP khi tạo lịch (theo yêu cầu: calo tính trên thời lượng kế hoạch của buổi)
    var MET=6; // tập tạ — nhóm "Mạnh" (6.0) theo đúng bảng MET app đang dùng
    var t2=new Date(); var todayStr=t2.getFullYear()+"-"+String(t2.getMonth()+1).padStart(2,"0")+"-"+String(t2.getDate()).padStart(2,"0");
    var cal=0; try{ cal=Math.round(caloBurn({email:email, date:todayStr, met:MET, min:min}, serverBody||[])); }catch(e){}
    if(!window.confirm("🏁 Kết thúc & check-in buổi \""+d.session_name+"\"?\n• Thời gian buổi (theo lịch đã tạo): "+min+" phút\n• ≈ "+cal+" kcal (MET 6 × thời gian × cân nặng)")) return;
    // GÓI CHI TIẾT BUỔI vào bản ghi (trường problem) để xem lại đầy đủ trên LỊCH: đánh dấu bằng tiền tố để report card nhận diện & format.
    var detail=buildSessionDetail(weekCursor, wkDay); var dtxt=sessionDetailText(detail);
    var payload={date:todayStr, sport:"Tập tạ — "+d.session_name, min:min, met:MET, setq:"Nỗ lực tối đa", prog:"Tốt", problem:dtxt?("[BUỔI]\n"+dtxt):"", user_id:(isAdmin&&pickedStudent)?pickedStudent.id:undefined};
    apiFetch("workouts",{method:"POST", body:JSON.stringify(payload)}).then(function(){
      setSessionMeta(function(prev){ var n=Object.assign({},prev); n[k]=Object.assign({},n[k],{ciDate:todayStr, ciMin:min, ciCal:cal}); return n; });
      if(reloadData) reloadData();
      alert("✅ Đã check-in: "+min+" phút ≈ "+cal+" kcal. Xem lại/sửa ở tab 🏋️ Check in tập luyện.");
    }).catch(function(e){ alert("Lỗi check-in: "+(e&&e.message||e)+"\nDữ liệu buổi tập vẫn còn nguyên — thử lại sau."); });
  }
  function handleDeleteSchedule(s, i){
    if(!window.confirm("Xóa vĩnh viễn lịch \""+scheduleLabel(s,i)+"\"?")) return;
    var uid = isAdmin ? (pickedStudent&&pickedStudent.id) : 0;
    wsDeleteSchedule(uid, s).then(function(){
      wsFetchSchedules(uid).then(function(list){ setSavedList(Array.isArray(list)?list:[]); });
      if(activeSchedId===scheduleId(s,i)){ setWkOpened(false); setActiveSchedId(null); }
    });
  }
  function toggleMuscleFlag(field, m){ setSignals(function(p){ var mp=Object.assign({},p[field]); if(mp[m]) delete mp[m]; else mp[m]=true; return Object.assign({},p,{[field]:mp}); }); }
  // Đổi 1 bài tập trong lịch sang bài THAY THẾ CÙNG CHUYỂN ĐỘNG do người dùng tự chọn
  // scope: "today" = chỉ tuần đang xem | "future" = tuần này + MỌI tuần sau, và tuần tự sinh không chọn lại bài cũ
  function handleSwapExercise(dayIdx, exIdx, newExerciseId, scope){
    if(!meso) return;
    var newExObj=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===newExerciseId; });
    if(!newExObj) return;
    var wk=JSON.parse(JSON.stringify(meso.weeks[weekCursor]));
    var d=wk.days[dayIdx]; var old=d&&d.exercises[exIdx]; if(!old || old.exercise_id===newExerciseId) return;
    var oldObj=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===old.exercise_id; });
    var rr=wsRepRangeAndRPE(newExObj, meso.inputs.goal, weekCursor, meso.mesocycle_weeks, meso.inputs.experience_level);
    d.exercises[exIdx]=Object.assign({}, old, {
      exercise:newExObj.name, exercise_id:newExObj.exercise_id, pattern:newExObj.pattern, region:newExObj.region,
      alternatives:wsAlternativesFor(newExObj.exercise_id).map(function(e){ return e.name; }),
      reps: wk.isDeload ? old.reps : rr.reps, rpe: wk.isDeload ? old.rpe : rr.rpe,
      load: wk.isDeload ? old.load : ("RPE "+rr.rpe), rest_seconds: wsRestSecondsFor(newExObj.type, meso.inputs.goal),
      video_url:newExObj.video_url||"", superset:false, superset_group:undefined
    });
    // tháo cặp superset mồ côi nếu bài cũ thuộc 1 cặp
    var gcS={}; d.exercises.forEach(function(x){ if(x.superset_group!==undefined) gcS[x.superset_group]=(gcS[x.superset_group]||0)+1; });
    d.exercises.forEach(function(x){ if(x.superset_group!==undefined && gcS[x.superset_group]<2){ x.superset=false; x.superset_group=undefined; } });
    // BÙ/TỈA VOLUME CƠ PHỤ: đổi theo cơ chính có thể làm hụt set phụ (vd Bench->Pec Deck mất tay sau) -> tự bù ở các buổi sau
    var rep=wsAdjustSecondaryAfterSwap(wk, dayIdx, oldObj, newExObj, old.sets, meso.inputs||{}, weekCursor, meso.mesocycle_weeks||1);
    if(rep.unresolved.length){
      var mU="⚠ Đổi sang \""+newExObj.name+"\" làm HỤT volume cơ phụ mà không còn chỗ bù:\n"
        + rep.unresolved.map(function(u){ return "  • "+(WS_MUSCLE_LABEL[u.muscle]||u.muscle)+": thiếu ~"+(-u.delta)+" set hiệu dụng/tuần"; }).join("\n")
        + "\n\nVẫn đổi chứ?";
      if(!window.confirm(mU)) return;
    }
    var newWeeks=meso.weeks.map(function(w,wi){ return wi===weekCursor?wk:w; });
    var patch={weeks:newWeeks};
    if(scope==="future"){
      var oldId=old.exercise_id, goal=meso.inputs.goal, exp=meso.inputs.experience_level, mw=meso.mesocycle_weeks;
      // 1) thay bài ở MỌI tuần sau (cùng vị trí buổi) — khớp theo exercise_id cũ
      for(var wi2=weekCursor+1; wi2<newWeeks.length; wi2++){
        var w2=JSON.parse(JSON.stringify(newWeeks[wi2])); var dd=w2.days[dayIdx]; if(!dd) continue; var isDl=!!w2.isDeload;
        dd.exercises.forEach(function(x, xi){ if(x.exercise_id!==oldId) return;
          var rr2=wsRepRangeAndRPE(newExObj, goal, wi2, mw, exp);
          dd.exercises[xi]=Object.assign({}, x, { exercise:newExObj.name, exercise_id:newExObj.exercise_id, pattern:newExObj.pattern, region:newExObj.region,
            alternatives:wsAlternativesFor(newExObj.exercise_id).map(function(e){ return e.name; }),
            reps:isDl?x.reps:rr2.reps, rpe:isDl?x.rpe:rr2.rpe, load:isDl?x.load:("RPE "+rr2.rpe),
            rest_seconds:wsRestSecondsFor(newExObj.type, goal), video_url:newExObj.video_url||"", superset:false, superset_group:undefined }); });
        var gc2={}; dd.exercises.forEach(function(x){ if(x.superset_group!==undefined) gc2[x.superset_group]=(gc2[x.superset_group]||0)+1; });
        dd.exercises.forEach(function(x){ if(x.superset_group!==undefined && gc2[x.superset_group]<2){ x.superset=false; x.superset_group=undefined; } });
        newWeeks[wi2]=w2;
      }
      // 2) cập nhật TEMPLATE (autoreg tuần kế bắt đầu từ bài mới) + swap map (chốt chặn, không bao giờ lôi lại bài cũ)
      var newTpl=meso._template?JSON.parse(JSON.stringify(meso._template)):null;
      if(newTpl && newTpl.days[dayIdx]){ newTpl.days[dayIdx].exercises.forEach(function(x, xi){ if(x.exercise_id!==oldId) return;
        newTpl.days[dayIdx].exercises[xi]=Object.assign({}, x, { exercise:newExObj.name, exercise_id:newExObj.exercise_id, pattern:newExObj.pattern, region:newExObj.region,
          alternatives:wsAlternativesFor(newExObj.exercise_id).map(function(e){ return e.name; }), video_url:newExObj.video_url||"" }); }); }
      var sm=Object.assign({}, meso._swapMap||{}); sm[oldId]=newExObj.exercise_id;
      // nếu bài cũ từng là ĐÍCH của 1 swap trước đó, cập nhật chuỗi để không trỏ về bài đã bỏ
      Object.keys(sm).forEach(function(k){ if(sm[k]===oldId) sm[k]=newExObj.exercise_id; });
      patch.weeks=newWeeks; patch._template=newTpl||meso._template; patch._swapMap=sm;
    }
    setMeso(Object.assign({}, meso, patch));
    var scopeMsg = scope==="future" ? "\n\n📌 Đã áp dụng cho tuần này + MỌI tuần sau (các tuần kế sẽ không chọn lại bài cũ)." : "";
    if(rep.added.length||rep.trimmed.length){
      var lines=[];
      rep.added.forEach(function(a){ lines.push("  • Bù "+(WS_MUSCLE_LABEL[a.muscle]||a.muscle)+": "+a.what+" (Ngày "+a.day+")"); });
      rep.trimmed.forEach(function(a){ lines.push("  • Tỉa "+(WS_MUSCLE_LABEL[a.muscle]||a.muscle)+": "+a.what+" (Ngày "+a.day+")"); });
      alert("🔁 Đã đổi bài + tự cân bằng volume cơ phụ:\n"+lines.join("\n")+scopeMsg);
    } else if(scope==="future"){
      alert("🔁 Đã đổi \""+old.exercise+"\" → \""+newExObj.name+"\""+scopeMsg);
    }
  }
  // Hỏi phạm vi khi đổi bài: {dayIdx, exIdx, newId, oldName, newName}
  var _swAsk=React.useState(null); var swapAsk=_swAsk[0], setSwapAsk=_swAsk[1];
  function requestSwap(dayIdx, exIdx, newExerciseId){
    if(!meso) return;
    var cur=meso.weeks[weekCursor].days[dayIdx]; var ex=cur&&cur.exercises[exIdx]; var ne=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===newExerciseId; });
    if(!ex || !ne || ex.exercise_id===newExerciseId) return;
    // lịch tự tạo (1 tuần) hoặc đang ở tuần cuối -> không có "tuần sau" -> đổi luôn cho hôm nay
    if(meso._custom || weekCursor>=meso.weeks.length-1){ handleSwapExercise(dayIdx, exIdx, newExerciseId, "today"); return; }
    setSwapAsk({dayIdx:dayIdx, exIdx:exIdx, newId:newExerciseId, oldName:ex.exercise, newName:ne.name});
  }

  var groupedPartKeys=Object.keys(WS_MUSCLE_GROUPS).reduce(function(acc,gk){ var g=WS_MUSCLE_GROUPS[gk]; return acc.concat(g.mode==="independent"?g.parts:[g.muscle]); },[]);
  var muscleOptions=WS_MUSCLES.filter(function(m){ return groupedPartKeys.indexOf(m)<0; }).map(function(m){ return {v:m, l:WS_MUSCLE_LABEL[m]}; });
  var _eg=React.useState({}); var expandedGroup=_eg[0], setExpandedGroup=_eg[1];
  var _esg=React.useState({}); var expandedSummaryGroup=_esg[0], setExpandedSummaryGroup=_esg[1];
  // Tính breakdown số set theo VÙNG (region) cho nhóm "combined" (Ngực/Xô) — dựa trên field .region gắn sẵn trên từng bài trong WS_EXERCISE_DB, không phải volume riêng (vẫn chỉ 1 MEV/MRV chung).
  // Tóm tắt danh sách downgrades (superset/cắt set/bỏ bài/hạ cấp máy...) thành tối đa 1-2 dòng ngắn gọn, thay vì liệt kê chi tiết từng bài
  function summarizeDowngrades(list, dayExercises){
    if(!list||!list.length) return "";
    var cut=0, drop=0, machine=0, balanced=false;
    list.forEach(function(msg){
      if(msg.indexOf("→ superset đối kháng")>=0) return; // superset ĐẾM LẠI từ trạng thái THẬT cuối cùng (bên dưới), KHÔNG dựa log cũ (cặp có thể đã bị tháo)
      else if(msg.indexOf("giảm còn")>=0) cut++;
      else if(msg.indexOf("Bỏ ")===0) drop++;
      else if(msg.indexOf("Cắt bớt để dàn đều")>=0) balanced=true;
      else if(msg.indexOf("→")>=0) machine++;
    });
    // ĐẾM SỐ CẶP SUPERSET THẬT còn lại trong buổi (theo superset_group thực tế) — tránh báo "có superset" khi cặp đã bị tháo ở các bước sau.
    var ssGroups={}; (dayExercises||[]).forEach(function(ex){ if(ex.superset_group!==undefined) ssGroups[ex.superset_group]=(ssGroups[ex.superset_group]||0)+1; });
    var ss=0; Object.keys(ssGroups).forEach(function(g){ if(ssGroups[g]>=2) ss++; });
    var parts=[];
    if(machine>0) parts.push(machine+" bài đổi sang máy");
    if(ss>0) parts.push(ss+" cặp superset");
    if(cut>0) parts.push(cut+" bài giảm set");
    if(drop>0) parts.push(drop+" bài bị bỏ bớt");
    if(balanced) parts.push("cân bằng lại thời lượng buổi");
    if(!parts.length) return "";
    return "⚙️ Đã tự động điều chỉnh (thiếu quỹ thời gian): "+parts.join(", ")+".";
  }
  function computeRegionBreakdown(allExercises, muscleKey, group){
    var byRegion={};
    (allExercises||[]).forEach(function(ex){
      var exObj=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===ex.exercise_id; });
      if(!exObj) return;
      // 1) SET CHÍNH: bài có cơ CHÍNH là nhóm gộp này -> chia theo region_emphasis (nếu có) hoặc vùng trội đơn.
      if(ex.muscle===muscleKey){
        if(exObj.region_emphasis){
          // Mỗi bài tác động cả 3 vùng theo tỷ lệ EMG khác nhau (không chỉ 1 vùng duy nhất) — chia số set theo trọng số.
          Object.keys(exObj.region_emphasis).forEach(function(r){ byRegion[r]=(byRegion[r]||0)+ex.sets*exObj.region_emphasis[r]; });
        } else if(exObj.region){
          byRegion[exObj.region]=(byRegion[exObj.region]||0)+ex.sets;
        }
      }
      // 2) SET PHỤ: bài của nhóm cơ KHÁC nhưng có cơ phụ trỏ vào nhóm gộp này KÈM vùng cụ thể -> cộng vào đúng vùng đó.
      // (cơ phụ KHÔNG gắn vùng vẫn nằm trong "set phụ từ bài khác" ở header, không phân bổ vào vùng nào — giữ đối chiếu directTotal/fractionalExtra đúng.)
      (exObj.fractional_muscles||[]).forEach(function(fm){
        if(fm.name===muscleKey && fm.region){ byRegion[fm.region]=(byRegion[fm.region]||0)+ex.sets*fm.coefficient; }
      });
    });
    return group.regions.map(function(r){ return {key:r.key, label:r.label, sets:Math.round((byRegion[r.key]||0)*10)/10}; }).filter(function(x){ return x.sets>0; });
  }
  // Vẽ bảng tổng kết set theo nhóm cơ — MỌI nhóm xổ ra được (Vai/Tay/Lưng trên-Trap/Đùi = independent; Ngực/Xô = combined) LUÔN xếp lên đầu bảng,
  // nhóm đang được CHỌN LÀM ƯU TIÊN (form.focus_muscle_groups / focus_region_bias) xếp trên cùng; các cơ đơn lẻ không có vùng con xuống cuối.
  // volumeMap null -> bảng theo buổi (chỉ có cột Số set); volumeMap truyền vào -> bảng theo tuần (có thêm cột MEV/MRV). allExercises: danh sách bài thực tế để tính breakdown vùng.
  function renderMuscleSummaryRows(rows, volumeMap, contextKey, allExercises){
    rows = rows || []; allExercises = allExercises || []; // GUARD: lịch lưu từ bản CŨ có thể thiếu muscle_set_summary/week_muscle_set_summary
    function r1(n){ return Math.round(n*10)/10; } // hiển thị số set: làm tròn 1 chữ số thập phân (tránh sai số float khi cộng các set hiệp phân số)
    var groupOfMuscle={};
    Object.keys(WS_MUSCLE_GROUPS).forEach(function(gk){ var g=WS_MUSCLE_GROUPS[gk]; if(g.mode==="independent") g.parts.forEach(function(p){ groupOfMuscle[p]=gk; }); });
    var combinedGroupOfMuscle={};
    Object.keys(WS_MUSCLE_GROUPS).forEach(function(gk){ var g=WS_MUSCLE_GROUPS[gk]; if(g.mode==="combined") combinedGroupOfMuscle[g.muscle]=gk; });
    var groups={}, singles=[];
    rows.forEach(function(r){
      var gk=groupOfMuscle[r.muscle]||combinedGroupOfMuscle[r.muscle];
      if(gk){ (groups[gk]=groups[gk]||[]).push(r); } else singles.push(r);
    });
    function isFocusGroup(gk){
      var g=WS_MUSCLE_GROUPS[gk];
      if(g.mode==="independent") return g.parts.some(function(p){ return form.focus_muscle_groups.indexOf(p)>=0; });
      return form.focus_muscle_groups.indexOf(g.muscle)>=0;
    }
    var out=[]; var grandTotal=0;
    // 1) Tất cả nhóm xổ ra được (independent + combined) lên đầu — nhóm ưu tiên trước, còn lại theo tổng set giảm dần
    Object.keys(groups).sort(function(a,b){
      var fa=isFocusGroup(a)?1:0, fb=isFocusGroup(b)?1:0;
      if(fa!==fb) return fb-fa;
      var sa=groups[a].reduce(function(s,r){return s+r.sets;},0), sb=groups[b].reduce(function(s,r){return s+r.sets;},0);
      return sb-sa;
    }).forEach(function(gk){
      var g=WS_MUSCLE_GROUPS[gk];
      var isFocus=isFocusGroup(gk);
      var focusBadge=isFocus?<span style={{marginLeft:6,fontSize:10,background:"#d4af37",color:"#0a1330",borderRadius:6,padding:"1px 6px",fontWeight:700}}>🎯 ƯU TIÊN</span>:null;
      if(g.mode==="independent"){
        var children=groups[gk].slice().sort(function(a,b){ return b.sets-a.sets; });
        var total=children.reduce(function(s,r){ return s+r.sets; },0);
        grandTotal+=total;
        var expKey=contextKey+"_"+gk;
        var isExp=!!expandedSummaryGroup[expKey];
        out.push(<tr key={expKey} style={{borderTop:"1px solid rgba(212,175,55,.25)",cursor:"pointer",background:isFocus?"rgba(212,175,55,.18)":"rgba(212,175,55,.10)"}} onClick={function(){ setExpandedSummaryGroup(Object.assign({},expandedSummaryGroup,{[expKey]:!isExp})); }}>
          <td style={{fontWeight:700,color:"#d4af37"}}>{isExp?"▾":"▸"} {g.label}{focusBadge}</td><td style={{fontWeight:700}}>{r1(total)}</td>
          {volumeMap ? <td colSpan={2} style={{color:"#94a3b8",fontSize:11}}>{children.length} vùng riêng — bấm để xem</td> : null}
        </tr>);
        if(isExp) children.forEach(function(r,ci){
          var vm=volumeMap && volumeMap[r.muscle];
          var isLastChild=ci===children.length-1;
          out.push(<tr key={expKey+"_"+r.muscle} style={{borderTop:"1px solid rgba(212,175,55,.12)",background:"rgba(212,175,55,.03)"}}>
            <td style={{paddingLeft:14,borderLeft:"3px solid rgba(212,175,55,.5)",color:"#cbd5e1"}}>{isLastChild?"└":"├"}&nbsp;{r.label} <span style={{fontSize:10,color:"#64748b"}}>({g.label})</span></td><td>{r1(r.sets)}</td>
            {volumeMap ? <React.Fragment><td style={{color:"#94a3b8"}}>{vm?vm.mev:"—"}</td><td style={{color:"#94a3b8"}}>{vm?vm.mrv:"—"}</td></React.Fragment> : null}
          </tr>);
        });
        return;
      }
      // combined (Ngực/Xô)
      var r0=groups[gk][0];
      var vm0=volumeMap && volumeMap[r0.muscle];
      var breakdown=allExercises?computeRegionBreakdown(allExercises, r0.muscle, g):[];
      var directTotal=breakdown.reduce(function(s,b){ return s+b.sets; },0);
      grandTotal+=directTotal;
      var expKey2=contextKey+"_"+gk;
      var isExp2=!!expandedSummaryGroup[expKey2];
      var canExpand=breakdown.length>0;
      var fractionalExtra=Math.round((r0.sets-directTotal)*10)/10;
      out.push(<tr key={expKey2} style={{borderTop:"1px solid rgba(212,175,55,.25)",cursor:canExpand?"pointer":"default",background:isFocus?"rgba(212,175,55,.18)":"rgba(212,175,55,.10)"}} onClick={canExpand?function(){ setExpandedSummaryGroup(Object.assign({},expandedSummaryGroup,{[expKey2]:!isExp2})); }:undefined}>
        <td style={{fontWeight:700,color:"#d4af37"}}>{canExpand?(isExp2?"▾ ":"▸ "):""}{r0.label}{focusBadge}</td>
        <td style={{fontWeight:700}}>{r1(directTotal)}{fractionalExtra>0?<span style={{color:"#94a3b8",fontSize:11,fontWeight:400}}> (+{r1(fractionalExtra)} set phụ từ bài khác)</span>:null}</td>
        {volumeMap ? <React.Fragment><td style={{color:"#94a3b8"}}>{vm0?vm0.mev:"—"}</td><td style={{color:"#94a3b8"}}>{vm0?vm0.mrv:"—"}</td></React.Fragment> : null}
      </tr>);
      if(isExp2) breakdown.forEach(function(b,bi){
        var isLast=bi===breakdown.length-1;
        var pct=directTotal>0?Math.round(b.sets/directTotal*100):0;
        out.push(<tr key={expKey2+"_"+b.key} style={{borderTop:"1px solid rgba(212,175,55,.12)",background:"rgba(212,175,55,.03)"}}>
          <td style={{paddingLeft:14,borderLeft:"3px solid rgba(212,175,55,.5)",color:"#cbd5e1"}}>{isLast?"└":"├"}&nbsp;{b.label} <span style={{fontSize:10,color:"#64748b"}}>({r0.label})</span></td>
          <td>{r1(b.sets)} <span style={{color:"#d4af37",fontSize:11}}>({pct}% — {pct>=45?"ưu tiên":pct<=20?"hy sinh":"vừa phải"})</span></td>
          {volumeMap ? <React.Fragment><td/><td/></React.Fragment> : null}
        </tr>);
      });
    });
    // 2) Các cơ đơn lẻ không có vùng con — xuống cuối bảng
    singles.sort(function(a,b){ return b.sets-a.sets; }).forEach(function(r){
      var vm=volumeMap && volumeMap[r.muscle];
      grandTotal+=r.sets;
      out.push(<tr key={r.muscle} style={{borderTop:"1px solid rgba(212,175,55,.25)"}}>
        <td>{r.label}</td><td>{r1(r.sets)}</td>
        {volumeMap ? <React.Fragment><td style={{color:"#94a3b8"}}>{vm?vm.mev:"—"}</td><td style={{color:"#94a3b8"}}>{vm?vm.mrv:"—"}</td></React.Fragment> : null}
      </tr>);
    });
    // 3) Dòng tổng cộng
    out.push(<tr key="grand-total" style={{borderTop:"2px solid #d4af37",background:"rgba(212,175,55,.15)"}}>
      <td style={{fontWeight:800,color:"#f8fafc"}}>Tổng cộng</td><td style={{fontWeight:800,color:"#f8fafc"}}>{r1(grandTotal)}</td>
      {volumeMap ? <React.Fragment><td/><td/></React.Fragment> : null}
    </tr>);
    return out;
  }
  // Nhóm "independent" (Vai/Tay/Trap/Đùi): mỗi vùng con là 1 cơ tính volume RIÊNG — chọn = thêm/bớt hẳn cơ đó vào focus_muscle_groups.
  // Nhóm "combined" (Ngực/Xô): 1 volume CHUNG — chọn = bật cả nhóm (muscle) làm focus + focus_region_bias[muscle] LÀ MẢNG (chọn được NHIỀU vùng cùng lúc, vd trên+dưới) để bias chọn bài, không tách volume.
  // Đếm số NHÓM CƠ LỚN đang được ưu tiên (nhóm gộp Ngực/Xô = 1; nhóm độc lập Vai/Tay/Đùi = 1 dù chọn nhiều phần con)
  function currentFocusGroups(fmg){
    var gs={};
    Object.keys(WS_MUSCLE_GROUPS).forEach(function(k){ var gr=WS_MUSCLE_GROUPS[k];
      if(gr.mode==="independent"){ if(gr.parts.some(function(p){ return fmg.indexOf(p)>=0; })) gs[k]=1; }
      else { if(fmg.indexOf(gr.muscle)>=0) gs[k]=1; }
    });
    return Object.keys(gs);
  }
  function selectGroupOption(gk, option){
    var g=WS_MUSCLE_GROUPS[gk];
    // Ép TỐI ĐA 2 nhóm cơ lớn/phase (chuyên biệt hóa hiệu quả — RP): chỉ đẩy được 1-2 nhóm tới MRV cùng lúc do hồi phục hữu hạn.
    var curGroups=currentFocusGroups(form.focus_muscle_groups);
    if(curGroups.indexOf(gk)<0 && curGroups.length>=2){ alert("Chỉ ưu tiên tối đa 2 nhóm cơ lớn mỗi phase (Ngực/Xô/Vai/Tay/Đùi... mỗi nhóm tính là 1). Bỏ chọn 1 nhóm trước khi thêm nhóm mới."); return; }
    if(g.mode==="independent"){
      var withoutGroup=form.focus_muscle_groups.filter(function(x){ return g.parts.indexOf(x)<0; });
      var selectedParts=g.parts.filter(function(p){ return form.focus_muscle_groups.indexOf(p)>=0; });
      var isCurrentlyThisOption = option==="all" ? (selectedParts.length===g.parts.length) : (selectedParts.length===1 && selectedParts[0]===option);
      var next = isCurrentlyThisOption ? withoutGroup : withoutGroup.concat(option==="all" ? g.parts : [option]);
      setForm(Object.assign({},form,{focus_muscle_groups:next}));
    } else {
      var isOn=form.focus_muscle_groups.indexOf(g.muscle)>=0;
      var curBias=form.focus_region_bias[g.muscle]||[]; // mảng các vùng đang chọn; rỗng/"all" nghĩa là Toàn bộ
      var nextBias=Object.assign({},form.focus_region_bias);
      if(option==="all"){
        if(isOn && curBias.length===0){
          // đang ở Toàn bộ, bấm lại -> bỏ chọn cả nhóm
          var nextFmgOff=form.focus_muscle_groups.filter(function(x){ return x!==g.muscle; });
          delete nextBias[g.muscle];
          setForm(Object.assign({},form,{focus_muscle_groups:nextFmgOff, focus_region_bias:nextBias}));
        } else {
          nextBias[g.muscle]=[]; // [] = Toàn bộ, không bias vùng nào
          var nextFmgAll=isOn?form.focus_muscle_groups:form.focus_muscle_groups.concat([g.muscle]);
          setForm(Object.assign({},form,{focus_muscle_groups:nextFmgAll, focus_region_bias:nextBias}));
        }
      } else {
        var already=curBias.indexOf(option)>=0;
        var updated=already ? curBias.filter(function(x){ return x!==option; }) : curBias.concat([option]);
        if(updated.length===0 && already){
          // bỏ vùng cuối cùng đang chọn -> bỏ chọn cả nhóm (giống bấm lại "Toàn bộ" khi chỉ còn 1 vùng)
          var nextFmgOff2=form.focus_muscle_groups.filter(function(x){ return x!==g.muscle; });
          delete nextBias[g.muscle];
          setForm(Object.assign({},form,{focus_muscle_groups:nextFmgOff2, focus_region_bias:nextBias}));
        } else {
          nextBias[g.muscle]=updated;
          var nextFmg2=isOn?form.focus_muscle_groups:form.focus_muscle_groups.concat([g.muscle]);
          setForm(Object.assign({},form,{focus_muscle_groups:nextFmg2, focus_region_bias:nextBias}));
        }
      }
    }
  }

  function wkRange(n){ var a=[]; for(var i=0;i<n;i++)a.push(i); return a; }
  function wkOrderFor(di){ var key=weekCursor+"_"+di; var n=meso.weeks[weekCursor].days[di].exercises.length; var ord=(wkOrders[key]||wkRange(n)).slice(); return ord.filter(function(i){ return !wkRemoved[logKey(weekCursor,di,i)]; }); }
  // Tiếp theo (next=đã tập xong) / Bỏ qua (skip=đẩy cuối) / Bỏ (remove=bỏ hẳn buổi này)
  function wkGoNext(di, curIdx, mode){
    var key=weekCursor+"_"+di; var n=meso.weeks[weekCursor].days[di].exercises.length;
    var ord=(wkOrders[key]||wkRange(n)).slice();
    var removed=Object.assign({}, wkRemoved);
    var pos=ord.indexOf(curIdx); if(pos<0)pos=0;
    var nextPos=pos+1;
    if(mode==="skip"){ ord.splice(pos,1); ord.push(curIdx); nextPos=pos; }
    else if(mode==="remove"){ removed[logKey(weekCursor,di,curIdx)]=true; ord.splice(pos,1); nextPos=pos; setWkRemoved(removed); }
    setWkOrders(function(p){ var m=Object.assign({},p); m[key]=ord; return m; });
    var live=ord.filter(function(i){ return !removed[logKey(weekCursor,di,i)]; });
    setWkExIdx(nextPos<live.length ? live[nextPos] : null);
  }
  // SUPERSET khai báo kép: bấm "Tiếp theo" nhảy QUA CẢ CẶP (2 bài đã khai cùng màn hình, không mở lại bài cặp)
  function wkGoNextPair(di, aIdx, bIdx){
    var key=weekCursor+"_"+di; var n=meso.weeks[weekCursor].days[di].exercises.length;
    var ord=(wkOrders[key]||wkRange(n)).slice();
    var live=ord.filter(function(i){ return !wkRemoved[logKey(weekCursor,di,i)]; });
    var pos=Math.max(live.indexOf(aIdx), live.indexOf(bIdx));
    setWkExIdx(pos>=0 && pos+1<live.length ? live[pos+1] : null);
  }
  function scheduleId(item,idx){ return (item&&item.created_at)?("s"+item.created_at):("i"+idx); }
  function scheduleLabel(item,idx){ var id=scheduleId(item,idx); return renames[id] || (item.inputs?(WS_GOAL_LABEL[item.inputs.goal]||item.inputs.goal)+" · "+item.inputs.frequency+" buổi":"Lịch "+(idx+1)); }
  function handleRenameSchedule(item,idx){ var id=scheduleId(item,idx); var cur=renames[id]||scheduleLabel(item,idx); var v=prompt("Đổi tên lịch:", cur); if(v&&v.trim()){ setRenames(function(p){ var n=Object.assign({},p); n[id]=v.trim(); try{localStorage.setItem("ctg_sched_names",JSON.stringify(n));}catch(e){} return n; }); } }
  React.useEffect(function(){ try{ var r=JSON.parse(localStorage.getItem("ctg_sched_names")||"{}"); if(r&&typeof r==="object") setRenames(r); }catch(e){} },[]);
  function loadSavedIntoMeso(item){ if(item&&item.weeks){ var m=JSON.parse(JSON.stringify(item)); if(!m._sid) m._sid=m.created_at;
    // CHUẨN HÓA LỊCH LƯU TỪ BẢN CŨ: bù các field bản mới cần (summary tuần/buổi, phút buổi, mảng exercises) — tránh crash khi render
    if(!m.inputs) m.inputs={goal:"hypertrophy", experience_level:"intermediate"};
    (m.weeks||[]).forEach(function(wk){
      wk.days=wk.days||[];
      wk.days.forEach(function(d){ d.exercises=d.exercises||[]; d.downgrades=d.downgrades||[];
        if(!d.muscle_set_summary) d.muscle_set_summary=wsSummarizeSetsByMuscle(d.exercises);
        if(d.estimated_minutes===undefined) wsRecalcDayMinutes(d, m.inputs.goal||"hypertrophy");
      });
      if(!wk.week_muscle_set_summary) wk.week_muscle_set_summary=wsSummarizeSetsByMuscle(wk.days.reduce(function(a,d){return a.concat(d.exercises);},[]));
    });
    setMeso(m); setWeekCursor(0); setWkDay(null); setWkExIdx(null); setWeekReport(null); } }
  React.useEffect(function(){ // KẸP con trỏ tuần trong phạm vi lịch đang mở (đổi lịch ít tuần hơn không bị trỏ ra ngoài -> crash)
    if(meso && weekCursor>=meso.weeks.length) setWeekCursor(0);
  },[meso]);

  function renderAssessment(){ return (
      <div className="card" style={{padding:"14px 16px",marginTop:14}}>
        <div style={{fontWeight:700,marginBottom:4,color:"#f8fafc"}}>🔄 Đánh giá cuối tuần & đề xuất chuyển tuần</div>
        <div style={{fontSize:11.5,color:"#94a3b8",marginBottom:10}}>Thành tích (e1RM) tự lấy từ log buổi tập — không cần khai. Khai báo các tín hiệu chủ quan dưới đây <b>(tự lưu — giữ nguyên như tuần trước, chỉ sửa gì thay đổi)</b>.</div>
        {assessHistory.length>0 && <div style={{marginBottom:10,border:"1px solid rgba(212,175,55,.35)",borderRadius:8,padding:"7px 11px",fontSize:12}}>
          <b style={{color:"#d4af37"}}>🗂 Lịch sử đánh giá:</b> {assessHistory.map(function(h,i){ var c={green:"#4ade80",yellow:"#fbbf24",red:"#f87171"}[h.light]||"#94a3b8"; return <span key={i} style={{marginLeft:8,color:c}}>Tuần {h.week}: {h.label}</span>; })}
        </div>}
        {/* TỐI GIẢN: chỉ CHỌN nhóm cơ chưa phục hồi kịp / đau khớp. Không chọn = phục hồi tốt. Tiến triển hệ thống tự lấy từ log. */}
        <div style={{marginBottom:10,background:"#0d1838",border:"1px solid #26356b",borderRadius:8,padding:"10px 12px"}}>
          <div style={{fontSize:12.5,color:"#f8fafc",fontWeight:700,marginBottom:6}}>Nhóm cơ CHƯA phục hồi kịp (quá tải) <span style={{color:"#64748b",fontWeight:400}}>— không chọn = phục hồi tốt</span></div>
          <div className="toggle">
            {musclesThisWeek().map(function(m){ var on=!!signals.overloaded[m]; return <button key={m} type="button" className={on?"on":""} onClick={function(){ toggleMuscleFlag("overloaded", m); }}>{WS_MUSCLE_LABEL[m]||m}</button>; })}
          </div>
          <div style={{fontSize:11.5,color:"#64748b",marginTop:8,lineHeight:1.5}}>💡 Đau khớp do bài cụ thể? Ghi vào ô <b style={{color:"#94a3b8"}}>🩹 Chấn thương</b> ngay tại bài đó trên lịch — app sẽ <b style={{color:"#94a3b8"}}>khuyến cáo + gợi ý</b> bài thân thiện khớp (KHÔNG tự đổi; bạn tự đổi ở cột "Thay thế" sau khi hỏi HLV/bác sĩ).</div>
        </div>
        {/* Global */}
        <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(150px,1fr))",gap:10,marginBottom:10}}>
          <div><label style={{fontSize:12,color:"#94a3b8"}}>Nỗ lực buổi tập</label>
            <select value={signals.effort} onChange={function(e){setSignals(Object.assign({},signals,{effort:e.target.value}));}}><option value="full">Tốt (gần thất bại)</option><option value="normal">Bình thường</option><option value="not_full">Chưa hết sức</option></select></div>
          <div><label style={{fontSize:12,color:"#94a3b8"}}>Tỉnh táo ban ngày <span style={{color:"#d4af37"}}>(chính)</span></label>
            <select value={signals.alertness} onChange={function(e){setSignals(Object.assign({},signals,{alertness:e.target.value}));}}><option value="alert">Tỉnh táo, sung sức</option><option value="ok">Bình thường</option><option value="drowsy">Uể oải/buồn ngủ</option></select></div>
          <div><label style={{fontSize:12,color:"#94a3b8"}}>Giờ ngủ TB/đêm <span style={{color:"#64748b"}}>(phụ)</span></label>
            <input type="number" step="0.5" value={signals.sleepHours} onChange={function(e){setSignals(Object.assign({},signals,{sleepHours:+e.target.value}));}}/></div>
          <div><label style={{fontSize:12,color:"#94a3b8"}}>Stress công việc</label>
            <select value={signals.stress} onChange={function(e){setSignals(Object.assign({},signals,{stress:e.target.value}));}}><option value="low">Thấp</option><option value="moderate">Vừa</option><option value="high">Cao</option></select></div>
          <div><label style={{fontSize:12,color:"#94a3b8"}}>Ham muốn tập</label>
            <select value={signals.motivation} onChange={function(e){setSignals(Object.assign({},signals,{motivation:e.target.value}));}}><option value="high">Cao</option><option value="normal">Bình thường</option><option value="low">Sa sút</option></select></div>
          <div><label style={{fontSize:12,color:"#94a3b8"}}>Ốm / chấn thương?</label>
            <select value={signals.illnessInjury?"1":"0"} onChange={function(e){setSignals(Object.assign({},signals,{illnessInjury:e.target.value==="1"}));}}><option value="0">Không</option><option value="1">Có</option></select></div>
        </div>
        <button onClick={handleAssessWeek} style={{padding:"10px 16px",borderRadius:8,border:"1px solid #d4af37",background:"#d4af37",color:"#0a1330",fontWeight:700,cursor:"pointer"}}>📊 Đánh giá tuần & đề xuất</button>

        {weekReport && (function(){
          var lc={green:"#16a34a",yellow:"#d97706",red:"#dc2626"}[weekReport.systemic.light];
          var ll={green:"SẴN SÀNG (xanh)",yellow:"THẬN TRỌNG (vàng)",red:"QUÁ TẢI (đỏ)"}[weekReport.systemic.light];
          return <div style={{marginTop:14,borderTop:"2px solid rgba(212,175,55,.4)",paddingTop:12}}>
            <div style={{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap",marginBottom:8}}>
              <span style={{background:lc,color:"#fff",padding:"4px 10px",borderRadius:14,fontWeight:800,fontSize:12}}>● {ll} · điểm mệt {weekReport.systemic.score}</span>
              <span style={{color:"#f8fafc",fontWeight:800,fontSize:15}}>→ {weekReport.directionLabel}</span>
            </div>
            {(function(){ var pn=weekReport._physNow||{}, px=weekReport._physNext||{};
              function pd(m){ return (px[m]||0)-(pn[m]||0); }
              var up=weekReport.perMuscle.filter(function(m){return pd(m.muscle)>0;}).length, dn=weekReport.perMuscle.filter(function(m){return pd(m.muscle)<0;}).length, sw=(weekReport._injuryNotes||[]).length;
              var rN=weekReport._rpeNow, rX=weekReport._rpeNext, harder=(rX>rN);
              return <div style={{fontSize:13.5,color:"#f8fafc",lineHeight:1.55,marginBottom:8,fontWeight:600}}>📌 Tuần tới (số set THỰC): <b style={{color:"#4ade80"}}>{up} nhóm +set</b>, <b>{weekReport.perMuscle.length-up-dn} giữ set</b>, <b style={{color:"#f87171"}}>{dn} giảm</b>{sw>0?(", "+sw+" bài có khuyến cáo chấn thương"):""}.{(rN!==undefined&&harder)?<span> Cường độ <b style={{color:"#fbbf24"}}>NẶNG hơn</b> (RPE {rN}→{rX}) — tiến tải dù set giữ nguyên.</span>:null} {weekReport.newBlock?"Đây là tuần deload KẾT THÚC chu kỳ.":""}</div>; })()}
            <div style={{fontSize:13,color:"#cbd5e1",lineHeight:1.5,marginBottom:10}}>{weekReport.note}</div>
            {weekReport._injuryNotes && weekReport._injuryNotes.length>0 && <div style={{fontSize:12.5,color:"#fca5a5",background:"rgba(220,38,38,.1)",border:"1px solid rgba(220,38,38,.4)",borderRadius:8,padding:"9px 11px",marginBottom:10,lineHeight:1.6}}>
              🩹 <b>KHUYẾN CÁO chấn thương (app KHÔNG tự đổi — bạn tự cân nhắc & đổi ở cột "Thay thế"):</b>
              {weekReport._injuryNotes.map(function(n,i){ return <div key={i} style={{marginTop:5}}>
                • <b>{n.from}</b> <span style={{color:"#94a3b8"}}>— đau: {n.joints.join(", ")}</span><br/>
                <span style={{color:"#cbd5e1"}}>Gợi ý bài thân thiện khớp để cân nhắc: {n.suggestions.length?<b style={{color:"#fde68a"}}>{n.suggestions.join(" · ")}</b>:"(chưa có bài thay phù hợp)"}</span>
                {n.lowerBack && <div style={{color:"#fbbf24",fontSize:11.5,marginTop:2}}>↳ Lưu ý lưng dưới: đau khi hinge/deadlift thường chỉ là <b>cơ dựng sống hoạt động (bình thường)</b> — cần quản lý tốt volume lưng dưới. Nhưng KHÔNG loại trừ vấn đề cột sống/đĩa đệm.</div>}
              </div>; })}
              <div style={{color:"#fde68a",fontSize:11.5,marginTop:7,borderTop:"1px solid rgba(220,38,38,.3)",paddingTop:6}}>⚠ Đây chỉ là gợi ý, KHÔNG phải chẩn đoán y khoa. Hãy tham khảo <b>HLV có chuyên môn</b> hoặc <b>bác sĩ cơ-xương-khớp</b> để xác định vấn đề trước khi quyết định đổi/giảm tải.</div>
            </div>}
            {weekReport._logWarn && <div style={{fontSize:12,color:"#fbbf24",background:"rgba(245,158,11,.1)",border:"1px solid rgba(245,158,11,.5)",borderRadius:8,padding:"8px 10px",marginBottom:10,lineHeight:1.5}}>⚠ Chỉ {weekReport._logCov}% số bài có ghi tạ/rep tuần này → %Δ thành tích CHƯA đáng tin (nhóm thiếu log bị coi là "đi ngang"). Nên ghi đủ tạ/rep ở tab lịch để đề xuất chính xác hơn.</div>}
            {weekReport.systemic.reasons.length>0 && <div style={{fontSize:12,color:"#94a3b8",marginBottom:10}}><b style={{color:"#d4af37"}}>Tín hiệu hệ thống:</b> {weekReport.systemic.reasons.join(" · ")}</div>}
            <div style={{overflowX:"auto"}}><table style={{width:"100%",borderCollapse:"collapse",fontSize:12.5}}>
              <thead><tr style={{color:"#d4af37",textAlign:"left"}}><th style={{padding:"4px 6px"}}>Nhóm cơ</th><th style={{padding:"4px 6px"}}>%Δ thành tích</th><th style={{padding:"4px 6px"}}>Set thực (nay→tới)</th><th style={{padding:"4px 6px"}}>Tuần tới</th><th style={{padding:"4px 6px"}}>Lý do</th></tr></thead>
              <tbody>{weekReport.perMuscle.map(function(pm){ var pn=weekReport._physNow||{}, px=weekReport._physNext||{}; var a=pn[pm.muscle], b=px[pm.muscle]; var pd=(b||0)-(a||0);
                var harder=(weekReport._rpeNext>weekReport._rpeNow);
                var vtxt = pm.swapExercise ? ('Đổi bài'+(pd<0?(' + '+pd+' set'):pd>0?(' + +'+pd+' set'):'')) : (pd>0?('+'+pd+' set'):pd<0?(pd+' set'):(harder?'Giữ set · tăng tải':'Giữ nguyên'));
                var col=pd>0?"#16a34a":pd<0?"#dc2626":(harder?"#fbbf24":"#94a3b8");
                return <tr key={pm.muscle} style={{borderTop:"1px solid rgba(212,175,55,.2)"}}>
                <td style={{padding:"4px 6px",color:"#f8fafc"}}>{WS_MUSCLE_LABEL[pm.muscle]||pm.muscle}</td>
                <td style={{padding:"4px 6px"}}>{weekReport._perf&&weekReport._perf[pm.muscle]!==undefined?(weekReport._perf[pm.muscle]+"%"):"—"}</td>
                <td style={{padding:"4px 6px",color:"#cbd5e1"}}>{(a!==undefined?a:"—")+"→"+(b!==undefined?b:"—")}</td>
                <td style={{padding:"4px 6px",color:col,fontWeight:700}}>{vtxt}{pm.swapExercise?" ⚠":""}</td>
                <td style={{padding:"4px 6px",fontSize:11.5,color:"#94a3b8"}}>{pm.reasons.join(" · ")}</td>
              </tr>; })}</tbody>
            </table></div>
            <div style={{display:"flex",gap:10,flexWrap:"wrap",marginTop:12}}>
              <button onClick={handleApplyNextWeek} style={{padding:"10px 16px",borderRadius:8,border:"1px solid #16a34a",background:"#16a34a",color:"#fff",fontWeight:700,cursor:"pointer"}}>✓ Áp dụng & tạo tuần {weekCursor+2}</button>
              {weekReport.newBlock && <button onClick={handleNewBlock} style={{padding:"10px 16px",borderRadius:8,border:"1px solid #d4af37",background:"transparent",color:"#d4af37",fontWeight:700,cursor:"pointer"}}>🔁 Mở block mới (chỉnh mục tiêu ở form trên trước nếu muốn)</button>}
            </div>
          </div>;
        })()}
      </div>
  ); }
  // Thống kê TIẾN ĐỘ + tóm tắt vấn đề (từ log thực tế + ghi đau) — chỉ cho lịch ĐANG mở.
  function weekStats(wi){ var wk=meso.weeks[wi], buoiDone=0, inj=0; wk.days.forEach(function(d,di){ var any=false; d.exercises.forEach(function(ex,ei){ var lg=actualLogs[logKey(wi,di,ei)]; if(lg&&(lg.reps||lg.load))any=true; if((injuries[ex.exercise_id]||[]).length)inj++; }); if(any)buoiDone++; }); return {buoi:wk.days.length, buoiDone:buoiDone, inj:inj}; }
  function dayStats(wi,di){ var d=meso.weeks[wi].days[di], done=0, injSet={}; d.exercises.forEach(function(ex,ei){ var lg=actualLogs[logKey(wi,di,ei)]; if(lg&&(lg.reps||lg.load))done++; (injuries[ex.exercise_id]||[]).forEach(function(j){injSet[j]=1;}); }); return {total:d.exercises.length, done:done, joints:Object.keys(injSet)}; }
  function scheduleStats(m){ var buoi=0, buoiDone=0, inj=0; if(m&&m.weeks) m.weeks.forEach(function(wk,wi){ wk.days.forEach(function(d,di){ buoi++; var any=false; d.exercises.forEach(function(ex,ei){ var lg=actualLogs[logKey(wi,di,ei)]; if(lg&&(lg.reps||lg.load))any=true; if((injuries[ex.exercise_id]||[]).length)inj++; }); if(any)buoiDone++; }); }); return {buoi:buoi, buoiDone:buoiDone, inj:inj}; }
  // BREADCRUMB: hiện toàn bộ các mục trước (Các lịch › Lịch › Tuần › Buổi › Bài) — bấm 1 phát nhảy thẳng tới cấp đó. Icon riêng cho từng cấp.
  function renderCrumb(){
    if(!wkOpened || !meso) return null;
    var d=(wkDay!==null)?meso.weeks[weekCursor].days[wkDay]:null;
    var ex=(d && wkExIdx!==null)?d.exercises[wkExIdx]:null;
    var parts=[{ic:"🗂️", lb:"Các lịch", go:function(){setWkOpened(false);}}];
    parts.push({ic:"📋", lb:(wkSchedLabel||"Lịch"), go:function(){setWkWeekOpen(false);setWkDay(null);setWkExIdx(null);setShowAssess(false);}});
    if(showAssess){ if(wkWeekOpen) parts.push({ic:"🗓️", lb:"Tuần "+(weekCursor+1), go:function(){setWkDay(null);setWkExIdx(null);setShowAssess(false);}}); parts.push({ic:"📊", lb:"Đánh giá"}); }
    else { if(wkWeekOpen) parts.push({ic:"🗓️", lb:"Tuần "+(weekCursor+1), go:function(){setWkDay(null);setWkExIdx(null);}});
      if(d) parts.push({ic:"💪", lb:d.session_name, go:function(){setWkExIdx(null);}});
      if(ex) parts.push({ic:"🎯", lb:ex.exercise}); }
    return <div style={{display:"flex",flexWrap:"wrap",alignItems:"center",gap:1,marginBottom:10,fontSize:12.5,lineHeight:1.6}}>
      {parts.map(function(p,i){ var last=(i===parts.length-1); return <span key={i} style={{display:"inline-flex",alignItems:"center"}}>
        {i>0 && <span style={{color:"#64748b",margin:"0 4px"}}>›</span>}
        {last ? <span style={{color:"#f8fafc",fontWeight:700}}>{p.ic} {p.lb}</span>
              : <button onClick={p.go} style={{background:"transparent",border:"none",color:"#d4af37",cursor:"pointer",fontSize:12.5,padding:0,fontWeight:600}}>{p.ic} {p.lb}</button>}
      </span>; })}
    </div>;
  }
  var canEditExerciseDb = isAdmin || roleType==="hlv";
  // View HIỆU DỤNG theo section: tab check-in KHÓA ở "workout"; tab lên lịch chỉ còn plan/db (state cũ "workout" quy về "plan")
  var scMode = section==="checkin" ? "workout" : (section==="builder" && scView==="workout" ? "plan" : scView);
  var scTabs = section==="checkin" ? [] : (section==="builder" ? [["plan","📅 Lên lịch"],["db","🗂️ Kho bài tập"]] : [["workout","🏋️ Lịch tập"],["plan","📅 Lên lịch"],["db","🗂️ Kho bài tập"]]);
  return <div className="card" style={{padding:"14px 16px"}}>
    {swapAsk && <div onClick={function(){setSwapAsk(null);}} style={{position:"fixed",inset:0,zIndex:9999,background:"rgba(4,9,20,.72)",display:"flex",alignItems:"center",justifyContent:"center",padding:16}}>
      <div onClick={function(e){e.stopPropagation();}} style={{maxWidth:420,width:"100%",background:"#0d1838",border:"1px solid #d4af37",borderRadius:16,padding:"18px 18px 16px",boxShadow:"0 24px 60px rgba(0,0,0,.6)"}}>
        <div style={{fontWeight:800,color:"#f8fafc",fontSize:15,marginBottom:6}}>🔁 Đổi bài tập</div>
        <div style={{fontSize:13,color:"#c3d3e2",lineHeight:1.5,marginBottom:14}}><b style={{color:"#fca5a5"}}>{swapAsk.oldName}</b> → <b style={{color:"#4ade80"}}>{swapAsk.newName}</b><br/>Áp dụng thay đổi này cho:</div>
        <button onClick={function(){ var a=swapAsk; setSwapAsk(null); handleSwapExercise(a.dayIdx, a.exIdx, a.newId, "today"); }} style={{display:"block",width:"100%",marginBottom:10,padding:"12px 14px",borderRadius:11,border:"1px solid #26356b",background:"#14224d",color:"#f8fafc",cursor:"pointer",textAlign:"left"}}>
          <div style={{fontWeight:800,fontSize:14}}>📅 Chỉ hôm nay (tuần {weekCursor+1})</div>
          <div style={{fontSize:11.5,color:"#94a3b8",marginTop:2}}>Các tuần khác giữ nguyên bài cũ</div>
        </button>
        <button onClick={function(){ var a=swapAsk; setSwapAsk(null); handleSwapExercise(a.dayIdx, a.exIdx, a.newId, "future"); }} style={{display:"block",width:"100%",marginBottom:12,padding:"12px 14px",borderRadius:11,border:"1px solid #d4af37",background:"linear-gradient(135deg,#d4af37,#f7d774)",color:"#0d1838",cursor:"pointer",textAlign:"left"}}>
          <div style={{fontWeight:900,fontSize:14}}>♾️ Cả các tuần sau</div>
          <div style={{fontSize:11.5,color:"#5a4a10",marginTop:2}}>Đổi từ tuần này trở đi · các tuần kế sẽ không chọn lại bài cũ</div>
        </button>
        <button onClick={function(){setSwapAsk(null);}} style={{display:"block",width:"100%",padding:"9px",borderRadius:9,border:"none",background:"transparent",color:"#94a3b8",cursor:"pointer",fontWeight:700,fontSize:13}}>Hủy</button>
      </div>
    </div>}
    {scTabs.length>0 && <div style={{display:"flex",gap:8,marginBottom:14,flexWrap:"wrap"}}>
      {scTabs.map(function(tb){ return <button key={tb[0]} onClick={function(){setScView(tb[0]);}} style={{padding:"8px 14px",borderRadius:8,border:"1px solid #d4af37",cursor:"pointer",fontWeight:700,background:scMode===tb[0]?"#d4af37":"transparent",color:scMode===tb[0]?"#0a1330":"#d4af37"}}>{tb[1]}</button>; })}
    </div>}
    {scMode==="db" && <ExerciseDatabaseView canEdit={canEditExerciseDb}/>}
    {scMode==="plan" && <>
    {isAdmin && <div style={{marginBottom:12}}>
      <label style={{fontSize:12,color:"#94a3b8"}}>Học viên</label>
      <select value={picked||""} onChange={function(e){ onPick&&onPick(e.target.value); }}>
        <option value="">— Chọn học viên —</option>
        {studentsArr.map(function(s){ return <option key={s.email} value={s.email}>{s.name||s.email}</option>; })}
      </select>
    </div>}

    <div style={{display:"grid",gridTemplateColumns:"repeat(auto-fit,minmax(160px,1fr))",gap:10,marginBottom:12}}>
      <div><label style={{fontSize:12,color:"#94a3b8"}}>Số buổi/tuần</label>
        <select value={form.frequency} onChange={function(e){setForm(Object.assign({},form,{frequency:+e.target.value}));}}>
          {[3,4,5,6].map(function(f){ return <option key={f} value={f}>{f} buổi</option>; })}
        </select></div>
      <div><label style={{fontSize:12,color:"#94a3b8"}}>Thời gian tối đa/buổi (phút)</label>
        <input type="number" value={form.session_duration_max} onChange={function(e){setForm(Object.assign({},form,{session_duration_max:+e.target.value}));}}/></div>
      <div><label style={{fontSize:12,color:"#94a3b8"}}>Mục tiêu</label>
        <select value={form.goal} onChange={function(e){setForm(Object.assign({},form,{goal:e.target.value}));}}>
          {Object.keys(WS_GOAL_LABEL).map(function(k){ return <option key={k} value={k}>{WS_GOAL_LABEL[k]}</option>; })}
        </select></div>
      <div><label style={{fontSize:12,color:"#94a3b8"}}>Kinh nghiệm</label>
        <select value={form.experience_level} onChange={function(e){setForm(Object.assign({},form,{experience_level:e.target.value}));}}>
          {Object.keys(WS_EXPERIENCE_LABEL).map(function(k){ return <option key={k} value={k}>{WS_EXPERIENCE_LABEL[k]}</option>; })}
        </select></div>
      <div><label style={{fontSize:12,color:"#94a3b8"}}>Tình trạng năng lượng</label>
        <select value={form.energy_status} onChange={function(e){setForm(Object.assign({},form,{energy_status:e.target.value}));}}>
          {Object.keys(WS_ENERGY_LABEL).map(function(k){ return <option key={k} value={k}>{WS_ENERGY_LABEL[k]}</option>; })}
        </select></div>
    </div>

    {(function(){
      // KHUYẾN NGHỊ THỰC HÀNH (không chặn, chỉ gợi ý) — mục tiêu SỨC MẠNH có đặc thù riêng về tần suất & thời lượng:
      var tips=[];
      if(form.goal==="strength" && form.frequency>4)
        tips.push("Sức mạnh tối ưu ở 3–4 buổi/tuần: volume thấp nếu chia cho 5–6 buổi sẽ khiến mỗi buổi ngắn & lèo tèo (đi gym nhiều lần cho buổi nhỏ). Nên dồn vào 3–4 buổi đầy đủ hơn.");
      if(form.goal==="strength" && form.session_duration_max<75)
        tips.push("Sức mạnh nghỉ 3–5 phút/hiệp giữa các compound nặng → buổi <75 phút chỉ nhét được ~3 bài. Nên đặt ≥75–90 phút để buổi đủ big-3 + bổ trợ.");
      if(!tips.length) return null;
      return <div style={{marginBottom:12,background:"rgba(245,158,11,.1)",border:"1px solid rgba(245,158,11,.5)",borderRadius:8,padding:"9px 12px"}}>
        {tips.map(function(t,i){ return <div key={i} style={{fontSize:12.5,color:"#fbbf24",lineHeight:1.5,display:"flex",gap:6}}><span>💡</span><span>{t}</span></div>; })}
      </div>;
    })()}

    {form.goal==="focus" && <div style={{marginBottom:12}}>
      <label style={{fontSize:12,color:"#94a3b8"}}>Nhóm cơ ưu tiên — bấm vào Ngực/Xô để chọn cụ thể vùng yếu (trên/giữa/dưới), hoặc "Toàn bộ" để đều cả 3 vùng</label>
      <div className="toggle">
        {muscleOptions.map(function(o){
          var on=form.focus_muscle_groups.indexOf(o.v)>=0;
          return <button key={o.v} type="button" className={on?"on":""} onClick={function(){
            var next=on?form.focus_muscle_groups.filter(function(x){return x!==o.v;}):form.focus_muscle_groups.concat([o.v]);
            setForm(Object.assign({},form,{focus_muscle_groups:next}));
          }}>{o.l}</button>;
        })}
        {Object.keys(WS_MUSCLE_GROUPS).map(function(gk){
          var g=WS_MUSCLE_GROUPS[gk];
          var isIndep=g.mode==="independent";
          var selectedParts=isIndep?g.parts.filter(function(p){ return form.focus_muscle_groups.indexOf(p)>=0; }):[];
          var isOn=isIndep ? selectedParts.length>0 : form.focus_muscle_groups.indexOf(g.muscle)>=0;
          var badge="";
          if(isIndep){
            var isFull=selectedParts.length===g.parts.length;
            badge=isFull?" (Toàn bộ)":(selectedParts.length===1?" ("+WS_MUSCLE_LABEL[selectedParts[0]]+")":"");
          } else {
            var bias=form.focus_region_bias[g.muscle]||[];
            var regionLabels=bias.map(function(k){ var r=g.regions.find(function(rr){return rr.key===k;}); return r?r.label.replace(g.label+" ",""):k; });
            badge=isOn?(bias.length===0?" (Toàn bộ)":" ("+regionLabels.join("+")+")"):"";
          }
          return <button key={gk} type="button" className={isOn?"on":""} onClick={function(){ setExpandedGroup(Object.assign({},expandedGroup,{[gk]:!expandedGroup[gk]})); }}>{g.label+badge+(expandedGroup[gk]?" ▴":" ▾")}</button>;
        })}
      </div>
      {Object.keys(WS_MUSCLE_GROUPS).map(function(gk){
        if(!expandedGroup[gk]) return null;
        var g=WS_MUSCLE_GROUPS[gk];
        if(g.mode==="independent"){
          var selectedParts=g.parts.filter(function(p){ return form.focus_muscle_groups.indexOf(p)>=0; });
          var isFull=selectedParts.length===g.parts.length;
          return <div key={gk} style={{marginTop:8,padding:"8px 10px",borderRadius:8,border:"1px solid rgba(212,175,55,.5)",background:"rgba(212,175,55,.06)"}}>
            <div style={{fontSize:11,color:"#d4af37",fontWeight:700,marginBottom:6,textTransform:"uppercase",letterSpacing:".03em"}}>▾ {g.label} — chọn vùng</div>
            <div className="toggle">
              <button type="button" className={isFull?"on":""} onClick={function(){ selectGroupOption(gk,"all"); }}>Toàn bộ {g.label}</button>
              {g.parts.map(function(p){
                var onP=selectedParts.length===1 && selectedParts[0]===p;
                return <button key={p} type="button" className={onP?"on":""} onClick={function(){ selectGroupOption(gk,p); }}>{WS_MUSCLE_LABEL[p]}</button>;
              })}
            </div>
          </div>;
        }
        var curBias=form.focus_region_bias[g.muscle]||[];
        return <div key={gk} style={{marginTop:8,padding:"8px 10px",borderRadius:8,border:"1px solid rgba(212,175,55,.5)",background:"rgba(212,175,55,.06)"}}>
          <div style={{fontSize:11,color:"#d4af37",fontWeight:700,marginBottom:6,textTransform:"uppercase",letterSpacing:".03em"}}>▾ {g.label} — chọn 1 hoặc nhiều vùng cùng lúc</div>
          <div className="toggle">
            <button type="button" className={curBias.length===0?"on":""} onClick={function(){ selectGroupOption(gk,"all"); }}>Toàn bộ {g.label}</button>
            {g.regions.map(function(r){
              var onR=curBias.indexOf(r.key)>=0;
              return <button key={r.key} type="button" className={onR?"on":""} onClick={function(){ selectGroupOption(gk,r.key); }}>{r.label}</button>;
            })}
          </div>
        </div>;
      })}
    </div>}

    <div style={{fontSize:11.5,color:"#94a3b8",marginBottom:10,lineHeight:1.5,border:"1px dashed rgba(148,163,184,.35)",borderRadius:8,padding:"7px 11px"}}>⚡ <b style={{color:"#d4af37"}}>Tự đồng bộ</b>: Tình trạng năng lượng ← 🎯 Mục tiêu hôm nay (Check in ăn uống) · Buổi/tuần + Phút/buổi ← Lộ trình mới nhất · Kinh nghiệm ← FFMI lộ trình. <b>Mọi ô vẫn chỉnh tay được</b> — chỉnh xong bấm Tạo lịch.</div>
    <div style={{display:"flex",gap:10,marginBottom:12,flexWrap:"wrap"}}>
      <button onClick={handleGenerate} style={{padding:"10px 16px",borderRadius:8,border:"1px solid #d4af37",background:"#d4af37",color:"#0a1330",fontWeight:700,cursor:"pointer"}}>⚙️ Tạo lịch (Lịch mẫu cố định)</button>
      <button onClick={handleCreateCustom} style={{padding:"10px 16px",borderRadius:8,border:"1px dashed #d4af37",background:"transparent",color:"#d4af37",fontWeight:700,cursor:"pointer"}}>🛠️ Tự tạo lịch (thêm buổi & bài thủ công)</button>
      {meso && <button onClick={handleSave} style={{padding:"10px 16px",borderRadius:8,border:"1px solid #d4af37",background:"#1b2c5e",color:"#f8fafc",fontWeight:700,cursor:"pointer"}}>{meso.created_at?"💾 Cập nhật lịch đã lưu":"💾 Bắt đầu lịch này"}</button>}
      {meso && <button onClick={handleCopySchedule} title="Copy toàn bộ lịch dạng văn bản để dán Zalo gửi khách" style={{padding:"10px 14px",borderRadius:8,border:"1px solid #26356b",background:"transparent",color:"#94a3b8",fontWeight:700,cursor:"pointer",fontSize:13}}>📋 Copy gửi Zalo</button>}
      {meso && <button onClick={handlePrintSchedule} title="Mở trang in sạch — Ctrl+P để lưu PDF hoặc in giấy" style={{padding:"10px 14px",borderRadius:8,border:"1px solid #26356b",background:"transparent",color:"#94a3b8",fontWeight:700,cursor:"pointer",fontSize:13}}>🖨 In / PDF</button>}
    </div>
    {errMsg && <div style={{color:"#f87171",fontSize:13,marginBottom:10}}>⚠️ {errMsg}</div>}

    {meso && <div>
      <div style={{display:"flex",gap:6,flexWrap:"wrap",marginBottom:10}}>
        {meso.weeks.map(function(wk,i){ return <button key={i} onClick={function(){setWeekCursor(i);}} style={{padding:"6px 12px",borderRadius:16,fontSize:12,border:"1px solid #d4af37",background:weekCursor===i?"#d4af37":"#1b2c5e",color:weekCursor===i?"#0a1330":"#f8fafc",cursor:"pointer"}}>{wk.isDeload?"Tuần "+(i+1)+" (Deload)":"Tuần "+(i+1)}</button>; })}
      </div>

      <details style={{marginBottom:12,border:"1px solid #d4af37",borderRadius:10,padding:"8px 12px",background:"#0e1b3d"}}>
        <summary style={{cursor:"pointer",fontWeight:700,color:"#f8fafc"}}>📊 Tổng kết số set/tuần theo nhóm cơ (bấm để xem)</summary>
        <table style={{width:"100%",fontSize:13,borderCollapse:"collapse",color:"#f8fafc",marginTop:6}}>
          <thead><tr style={{textAlign:"left",color:"#94a3b8"}}><th>Nhóm cơ</th><th>Số set</th><th>MEV</th><th>MRV</th></tr></thead>
          <tbody>{renderMuscleSummaryRows(meso.weeks[weekCursor].week_muscle_set_summary, meso.weeks[weekCursor].volumeMap, "week"+weekCursor, meso.weeks[weekCursor].days.reduce(function(acc,d){ return acc.concat(d.exercises); },[]))}</tbody>
        </table>
      </details>

      <div style={{display:"grid",gap:12}}>
        {meso.weeks[weekCursor].days.map(function(d,dayIdx){ return <div key={d.day} className="card" style={{padding:"14px 16px"}}>
          <div style={{fontWeight:700,marginBottom:6,color:"#f8fafc"}}>Ngày {d.day} — {d.session_name} <span style={{fontWeight:400,fontSize:12,color:"#94a3b8"}}>(~{d.estimated_minutes} phút)</span>
            <select value={d.weekday||""} onChange={function(e){handleSetWeekday(dayIdx, e.target.value);}} title="Gắn thứ trong tuần cho buổi này (áp cho mọi tuần)" style={{marginLeft:8,fontSize:11.5,padding:"2px 5px",background:"transparent",border:"1px dashed rgba(148,163,184,.4)",color:d.weekday?"#fbbf24":"#64748b",borderRadius:6,width:"auto",maxWidth:130,display:"inline-block",verticalAlign:"middle"}}>
              <option value="">— gắn thứ —</option>
              {WS_WEEKDAYS.map(function(w){ return <option key={w} value={w}>{w}</option>; })}
            </select>
            <span style={{whiteSpace:"nowrap",marginLeft:6,verticalAlign:"middle"}}>
              <span onClick={function(){handleRenameDay(dayIdx);}} title="Đổi tên buổi" style={{color:"#94a3b8",cursor:"pointer",fontSize:12,padding:"0 4px"}}>✏️</span>
              <span onClick={function(){handleMoveDay(dayIdx,-1);}} title="Đưa buổi lên trước" style={{color:"#94a3b8",cursor:"pointer",fontSize:11,padding:"0 4px"}}>▲</span>
              <span onClick={function(){handleMoveDay(dayIdx,1);}} title="Đưa buổi xuống sau" style={{color:"#94a3b8",cursor:"pointer",fontSize:11,padding:"0 4px"}}>▼</span>
              {meso._custom && <span onClick={function(){handleDuplicateCustomDay(dayIdx);}} title="Nhân bản buổi này" style={{color:"#94a3b8",cursor:"pointer",fontSize:12,padding:"0 4px"}}>⧉</span>}
              {meso._custom && <span onClick={function(){handleDeleteCustomDay(dayIdx);}} title="Xóa buổi này" style={{color:"#f87171",cursor:"pointer",fontSize:11.5,fontWeight:700,padding:"0 4px",border:"1px solid rgba(220,38,38,.5)",borderRadius:6,marginLeft:4}}>🗑 Xóa buổi</span>}
            </span>
          </div>
          {d.downgrades&&d.downgrades.length>0 && (function(){ var sm=summarizeDowngrades(d.downgrades, d.exercises); return sm?<div style={{fontSize:11,color:"#d4af37",marginBottom:6,lineHeight:1.4}}>{sm}</div>:null; })()}
          <table style={{width:"100%",fontSize:13,borderCollapse:"collapse",color:"#f8fafc"}}>
            <thead><tr style={{textAlign:"left",color:"#94a3b8"}}><th>Bài tập</th><th>Thay thế</th><th title="Số set khởi động (ramp-up) trước khi vào set chính, chỉ áp dụng cho compound nặng — không tính vào số set/volume">Warm-up</th><th>Số set</th><th title="Ô mờ hiện khoảng rep gợi ý — điền số rep thực tế đã đạt được">Số rep</th><th>Mức tạ (kg)</th><th>RPE</th><th>Nghỉ</th><th title="Ghi khớp bị đau khi tập bài này (vd: vai, khuỷu, gối). Tuần sau hệ thống sẽ ĐỔI sang bài thân thiện khớp.">🩹 Chấn thương</th><th>Ghi chú</th></tr></thead>
            <tbody>{d.exercises.map(function(ex,i){
              var key=logKey(weekCursor, dayIdx, i);
              var log=actualLogs[key]||{reps:"",load:""};
              var alts=wsAlternativesFor(ex.exercise_id);
              var exObjWu=WS_EXERCISE_DB.find(function(e){ return e.exercise_id===ex.exercise_id; });
              var warmupSets=wsWarmupSetsFor(exObjWu?exObjWu.type:"isolation", meso.inputs.goal);
              // Cặp superset liền kề (backend đã đảm bảo đứng cạnh nhau) -> vẽ chung 1 khung vàng bao quanh 2 hàng thay vì 2 khung tách biệt
              var prevEx=d.exercises[i-1], nextEx=d.exercises[i+1];
              var inPair = ex.superset_group!==undefined;
              var isFirstOfPair = inPair && !(prevEx && prevEx.superset_group===ex.superset_group);
              var isLastOfPair = inPair && !(nextEx && nextEx.superset_group===ex.superset_group);
              var rowBase = inPair ? {background:"rgba(212,175,55,.10)", borderTop:isFirstOfPair?"2px solid #d4af37":"none", borderBottom:isLastOfPair?"2px solid #d4af37":"none"} : {borderTop:"1px solid rgba(212,175,55,.25)"};
              function cellStyle(extra, isEdgeLeft, isEdgeRight){
                var s=Object.assign({}, rowBase, extra||{});
                if(inPair && isEdgeLeft) s.borderLeft="2px solid #d4af37";
                if(inPair && isEdgeRight) s.borderRight="2px solid #d4af37";
                return s;
              }
              var injJoints=injuries[ex.exercise_id]||[];
              var relJoints=wsExerciseJoints(ex.exercise_id);
              var moveCat=wsMoveCategory(exObjWu);
              return <React.Fragment key={i}><tr title={inPair?"Superset đối kháng":""}>
              <td style={cellStyle({},true,false)}><span style={{whiteSpace:"nowrap",marginRight:6}}><span onClick={function(){handleRemoveExercise(dayIdx, i);}} title="Bỏ bài này khỏi buổi (các ngày sau tự cân bằng lại volume tuần)" style={{color:"#f87171",cursor:"pointer",fontSize:13,fontWeight:800,padding:"0 3px"}}>✕</span><span onClick={function(){handleMoveExercise(dayIdx, i, -1);}} title="Đưa bài lên trên (cặp superset di chuyển cùng nhau)" style={{color:"#94a3b8",cursor:"pointer",fontSize:11,padding:"0 3px"}}>▲</span><span onClick={function(){handleMoveExercise(dayIdx, i, 1);}} title="Đưa bài xuống dưới" style={{color:"#94a3b8",cursor:"pointer",fontSize:11,padding:"0 3px"}}>▼</span></span>{inPair ? "🔗 " : ""}{ex.exercise}</td>
              <td style={cellStyle()}>{alts.length>0 ? <select value={ex.exercise_id} onChange={function(e){ requestSwap(dayIdx, i, e.target.value); }} title="Chọn bài thay thế cùng chuyển động" style={{width:"auto",padding:"4px 6px",fontSize:12}}>
                <option value={ex.exercise_id}>{ex.exercise}</option>
                {alts.map(function(a){ return <option key={a.exercise_id} value={a.exercise_id}>{a.name}</option>; })}
              </select> : <span style={{color:"#94a3b8",fontSize:11}}>—</span>}</td>
              <td style={cellStyle({color:"#94a3b8"})}><input type="number" min="0" max="5" value={ex.warmup_override!==undefined?ex.warmup_override:warmupSets} onChange={function(e){ handleEditExField(dayIdx, i, "warmup_override", e.target.value); }} title="Số set khởi động (sửa tay được)" style={{width:52,minWidth:52,padding:"4px 4px"}}/></td>
              <td style={cellStyle()}><input type="number" min="1" max="10" value={ex.sets} onChange={function(e){ handleEditExField(dayIdx, i, "sets", e.target.value); }} title="Số set kế hoạch (sửa tay được — không kích hoạt cân bằng tuần)" style={{width:54,minWidth:54,fontWeight:700,padding:"4px 4px"}}/></td>
              <td style={cellStyle()}><input type="text" value={ex.reps} onChange={function(e){ handleEditExField(dayIdx, i, "reps", e.target.value); }} title="Khoảng rep mục tiêu (sửa tay được). Rep THỰC TẾ đạt được thì khai ở tab Lịch tập." style={{width:70,minWidth:70,padding:"4px 5px"}}/></td>
              <td style={cellStyle()}><input type="number" placeholder="kg" value={log.load} onChange={function(e){ setActualLog(key,"load",e.target.value); }} style={{width:64,minWidth:64,padding:"4px 5px"}}/></td>
              <td style={cellStyle()}><input type="number" min="5" max="10" step="0.5" value={ex.rpe} onChange={function(e){ handleEditExField(dayIdx, i, "rpe", e.target.value); }} title="RPE mục tiêu (sửa tay được)" style={{width:56,minWidth:56,padding:"4px 4px"}}/></td>
              <td style={cellStyle()}><input type="number" min="15" max="600" step="15" value={ex.rest_seconds} onChange={function(e){ handleEditExField(dayIdx, i, "rest_seconds", e.target.value); }} title="Giây nghỉ giữa hiệp (sửa tay được)" style={{width:68,minWidth:68,padding:"4px 4px"}}/></td>
              <td style={cellStyle()}><span onClick={function(){ setOpenInjury(openInjury===key?null:key); }} title="Chọn khớp bị đau khi tập bài này để xem phân tích khách quan" style={{display:"inline-block",whiteSpace:"nowrap",padding:"3px 7px",fontSize:11.5,borderRadius:6,cursor:"pointer",border:"1px solid "+(injJoints.length?"#dc2626":"#26356b"),background:injJoints.length?"rgba(220,38,38,.15)":"transparent",color:injJoints.length?"#fca5a5":"#94a3b8"}}>🩹 {injJoints.length?injJoints.map(function(j){return WS_JOINT_LABEL[j];}).join(", "):"chọn khớp"}</span></td>
              <td style={cellStyle({color:"#94a3b8",fontSize:12},false,true)}>{isFirstOfPair ? "🔗 Cặp superset — " : ""}<input type="text" value={ex.note||""} onChange={function(e){ handleEditExField(dayIdx, i, "note", e.target.value); }} placeholder="Ghi chú..." title="Ghi chú tự do (sửa tay được)" style={{width:"95%",minWidth:90,fontSize:11.5,background:"transparent",border:"1px dashed rgba(148,163,184,.35)",color:"#cbd5e1",padding:"3px 6px",borderRadius:6}}/></td>
            </tr>
            {openInjury===key && (function(){
              // Nếu đây là bài ĐẦU của cặp superset (còn bài kia ở NGAY SAU), hàng chi tiết này chen vào GIỮA 2 hàng của cặp
              // -> phải nối tiếp khung vàng (nền + viền trái/phải) qua hàng này, không thì khung bị cắt làm đôi khi bấm 🩹.
              var insidePairBox = inPair && !isLastOfPair;
              var boxStyle = insidePairBox ? {background:"rgba(212,175,55,.10)", borderLeft:"2px solid #d4af37", borderRight:"2px solid #d4af37"} : {background:"#0d1838"};
              return <tr><td colSpan={10} style={Object.assign({}, boxStyle, {borderTop:"1px solid rgba(220,38,38,.4)", borderBottom:"1px solid rgba(220,38,38,.4)", padding:"10px 14px"})}>
              <div style={{fontSize:12.5,color:"#f8fafc",fontWeight:700,marginBottom:6}}>🩹 Đau ở đâu khi tập <span style={{color:"#d4af37"}}>{ex.exercise}</span>? — chọn VÙNG (chỉ hiện vùng liên quan bài này):</div>
              <div className="toggle" style={{marginBottom:8}}>
                {relJoints.map(function(j){ var on=injJoints.indexOf(j)>=0; return <button key={j} type="button" className={on?"on":""} onClick={function(){ toggleInjuryJoint(ex.exercise_id, j); }}>{WS_JOINT_LABEL[j]}</button>; })}
              </div>
              {injJoints.map(function(j){ var dx=wsRegionDx(j, moveCat); return <div key={j} style={{background:"rgba(220,38,38,.08)",border:"1px solid rgba(220,38,38,.35)",borderRadius:8,padding:"9px 11px",marginBottom:7,fontSize:12,lineHeight:1.6,color:"#e2e8f0"}}>
                <div style={{fontWeight:800,color:"#fca5a5",marginBottom:4}}>● {WS_JOINT_LABEL[j]}</div>
                <div style={{marginBottom:4}}><b style={{color:"#fde68a"}}>▸ Nghi ngờ cao nhất:</b> <b style={{color:"#fef3c7"}}>{dx.p.n}</b>{dx.p.w?<span style={{color:"#cbd5e1"}}> — {dx.p.w}</span>:null}</div>
                {dx.d && dx.d.length>0 && <div style={{marginBottom:4}}><b style={{color:"#93c5fd"}}>▸ Cần phân biệt (không loại trừ):</b><div style={{paddingLeft:8}}>{dx.d.map(function(x,k){ return <div key={k}>• {x.n}{x.w?<span style={{color:"#94a3b8"}}> — {x.w}</span>:null}</div>; })}</div></div>}
                <div><b style={{color:"#86efac"}}>▸ Nên thử điều chỉnh:</b> {dx.c}</div>
                {dx.r && <div><b style={{color:"#f87171"}}>▸ Đi khám sớm nếu:</b> {dx.r}</div>}
              </div>; })}
              {injJoints.length>0 && <div style={{background:"rgba(220,38,38,.14)",border:"1px solid #dc2626",borderRadius:8,padding:"8px 11px",marginBottom:7,fontSize:11.5,color:"#fecaca",lineHeight:1.6}}>
                <b>🚨 DỪNG buổi & đi khám ngay nếu:</b> {WS_GLOBAL_REDFLAGS.join("; ")}.
              </div>}
              <div style={{fontSize:11.5,color:"#fde68a",lineHeight:1.55,marginTop:2}}>⚠ Đây là <b>các KHẢ NĂNG</b> để tham khảo & khoanh vùng, KHÔNG phải chẩn đoán y khoa (vị trí đau đôi khi ≠ nguồn — có thể đau quy chiếu). Hãy tham khảo <b>HLV có chuyên môn</b> hoặc <b>bác sĩ cơ-xương-khớp</b> để xác định chính xác. Muốn đổi bài, dùng cột <b>Thay thế</b> (app không tự đổi).</div>
            </td></tr>; })()}
            </React.Fragment>; })}</tbody>
          </table>
          <button onClick={function(){ setPickQ(""); setPickMuscle(""); setExPicker({dayIdx:dayIdx}); }} style={{marginTop:8,padding:"7px 14px",borderRadius:8,border:"1px dashed #d4af37",background:"transparent",color:"#d4af37",fontWeight:700,cursor:"pointer",fontSize:12.5}}>➕ Thêm bài vào buổi này</button>
          <details style={{marginTop:10,border:"1px solid rgba(212,175,55,.4)",borderRadius:8,padding:"6px 10px"}}>
            <summary style={{cursor:"pointer",fontSize:12,color:"#d4af37",fontWeight:600}}>📋 Tổng kết số set buổi này theo nhóm cơ (bấm để xem)</summary>
            <table style={{width:"100%",fontSize:12,borderCollapse:"collapse",color:"#f8fafc",marginTop:6}}>
              <thead><tr style={{textAlign:"left",color:"#94a3b8"}}><th>Nhóm cơ</th><th>Số set</th></tr></thead>
              <tbody>{renderMuscleSummaryRows(d.muscle_set_summary, null, "day"+weekCursor+"_"+dayIdx, d.exercises)}</tbody>
            </table>
          </details>
        </div>; })}
      </div>

      {meso._custom && <div style={{marginTop:12,display:"flex",gap:8,alignItems:"center",flexWrap:"wrap",border:"1px dashed rgba(212,175,55,.5)",borderRadius:10,padding:"10px 12px"}}>
        <span style={{fontSize:13,color:"#f8fafc",fontWeight:700}}>➕ Thêm buổi:</span>
        <input type="text" value={customDayName} onChange={function(e){setCustomDayName(e.target.value);}} placeholder="Tên buổi tự đặt (vd: Ngực + Vai, Ngày kéo nặng...)" style={{fontSize:13,padding:"6px 9px",minWidth:230}}/>
        <button onClick={handleAddCustomDay} style={{padding:"7px 16px",borderRadius:8,border:"1px solid #d4af37",background:"#d4af37",color:"#0a1330",fontWeight:700,cursor:"pointer",fontSize:13}}>Thêm buổi</button>
        <button onClick={handleDuplicateCustomWeek} title="Nhân bản toàn bộ tuần đang xem thành 1 tuần mới" style={{padding:"7px 14px",borderRadius:8,border:"1px dashed #d4af37",background:"transparent",color:"#d4af37",fontWeight:700,cursor:"pointer",fontSize:13}}>⧉ Nhân bản tuần này</button>
        <span style={{fontSize:11.5,color:"#94a3b8"}}>Lịch tự tạo: bạn toàn quyền — app chỉ tính giờ & tổng set giúp.</span>
      </div>}
      {lastRemoved && <div style={{marginTop:10,display:"flex",gap:10,alignItems:"center",border:"1px solid rgba(220,38,38,.4)",background:"rgba(220,38,38,.07)",borderRadius:10,padding:"8px 12px"}}>
        <span style={{fontSize:12.5,color:"#fca5a5"}}>Đã xóa <b>{lastRemoved.ex.exercise}</b> khỏi Ngày {lastRemoved.dayIdx+1}.</span>
        <button onClick={handleUndoRemove} style={{padding:"5px 12px",borderRadius:7,border:"1px solid #d4af37",background:"transparent",color:"#d4af37",fontWeight:800,cursor:"pointer",fontSize:12.5}}>↩ Hoàn tác</button>
        <button onClick={function(){setLastRemoved(null);}} style={{background:"transparent",border:"none",color:"#64748b",cursor:"pointer",fontSize:12}}>bỏ qua</button>
      </div>}

    </div>}

    {savedList && savedList.length>0 && <div style={{marginTop:18,borderTop:"2px solid rgba(212,175,55,.35)",paddingTop:12}}>
      <div style={{fontWeight:800,marginBottom:4,color:"#f8fafc",fontSize:15}}>📚 Lịch đã lưu — bấm để mở xem & tinh chỉnh</div>
      <div style={{fontSize:11.5,color:"#94a3b8",marginBottom:8}}>Mở 1 lịch đã lưu để xem toàn cảnh nhiều tuần, chỉnh bài/set/tên buổi. Việc check-in tập nằm ở tab 🏋️ Check in tập luyện.</div>
      {savedList.map(function(s,i){ var active=(activeSchedId===scheduleId(s,i)); var setsTot=(s.weeks||[]).reduce(function(a,wk){return a+wk.days.reduce(function(b,d){return b+d.exercises.reduce(function(c,x){return c+x.sets;},0);},0);},0);
        return <div key={i} style={{display:"flex",alignItems:"center",gap:8,padding:"9px 0",borderTop:"1px solid rgba(212,175,55,.22)"}}>
          <button onClick={function(){ loadSavedIntoMeso(s); setActiveSchedId(scheduleId(s,i)); setWeekReport(null); try{window.scrollTo({top:0,behavior:"smooth"});}catch(e){window.scrollTo(0,0);} }} style={{flex:1,textAlign:"left",background:active?"rgba(212,175,55,.08)":"transparent",border:"none",color:"#f8fafc",cursor:"pointer",fontSize:13.5,fontWeight:active?800:600,borderRadius:8,padding:"4px 6px"}}>
            {active?"📖 ":"📋 "}{scheduleLabel(s,i)}{active?<span style={{color:"#4ade80",fontSize:11,fontWeight:700}}> · đang mở</span>:null}
            <div style={{fontSize:11.5,color:"#64748b",fontWeight:400,marginTop:2}}>{s.mesocycle_weeks} tuần · {s.inputs?(WS_GOAL_LABEL[s.inputs.goal]||s.inputs.goal):""} · {s.inputs?s.inputs.frequency:""} buổi/tuần · {setsTot} set · {new Date(s.created_at).toLocaleDateString('vi-VN')}</div>
          </button>
          <button onClick={function(){ handleRenameSchedule(s,i); }} title="Đổi tên lịch" style={{background:"transparent",border:"1px solid #26356b",color:"#94a3b8",borderRadius:6,padding:"4px 9px",cursor:"pointer",fontSize:12}}>✏️</button>
          <button onClick={function(){ handleDeleteSchedule(s,i); }} title="Xóa lịch đã lưu này" style={{background:"transparent",border:"1px solid #dc2626",color:"#f87171",borderRadius:6,padding:"4px 9px",cursor:"pointer",fontSize:12}}>🗑</button>
        </div>; })}
    </div>}
    </>}
    {exPicker!==null && (function(){
      var day = meso && meso.weeks[weekCursor] && meso.weeks[weekCursor].days[exPicker.dayIdx];
      var inDay = {}; (day?day.exercises:[]).forEach(function(x){ inDay[x.exercise_id]=1; });
      var list = WS_EXERCISE_DB.filter(function(e){
        if(pickQ && e.name.toLowerCase().indexOf(pickQ.toLowerCase())<0 && e.exercise_id.indexOf(pickQ.toLowerCase())<0) return false;
        if(pickMuscle && e.primary_muscle.name!==pickMuscle) return false; // chọn bài THEO PHÂN NHÓM cơ (bộ lọc duy nhất, theo yêu cầu)
        return true;
      });
      return <div style={{position:"fixed",inset:0,background:"rgba(4,10,30,.78)",zIndex:1000,display:"flex",alignItems:"center",justifyContent:"center",padding:14}} onClick={function(e){ if(e.target===e.currentTarget) setExPicker(null); }}>
        <div style={{background:"#0d1838",border:"1px solid #d4af37",borderRadius:12,maxWidth:700,width:"100%",maxHeight:"86vh",display:"flex",flexDirection:"column",padding:14}}>
          <div style={{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:8}}>
            <div style={{fontWeight:800,color:"#f8fafc",fontSize:15}}>➕ Thêm bài vào: <span style={{color:"#d4af37"}}>{day?("Ngày "+day.day+" — "+day.session_name):""}</span></div>
            <button onClick={function(){setExPicker(null);}} style={{background:"transparent",border:"none",color:"#94a3b8",fontSize:20,cursor:"pointer",fontWeight:800}}>×</button>
          </div>
          <input type="text" value={pickQ} onChange={function(e){setPickQ(e.target.value);}} placeholder="🔍 Tìm tên bài (vd: bench, squat, curl...)" style={{width:"100%",fontSize:13.5,padding:"8px 10px",marginBottom:8}}/>
          <div style={{display:"flex",gap:6,flexWrap:"wrap",marginBottom:8}}>
            <select value={pickMuscle} onChange={function(e){setPickMuscle(e.target.value);}} style={{fontSize:12.5,padding:"6px 8px"}}>
              <option value="">Phân nhóm cơ: tất cả</option>
              {WS_MUSCLES.map(function(m){ return <option key={m} value={m}>{WS_MUSCLE_LABEL[m]||m}</option>; })}
            </select>
          </div>
          <div style={{fontSize:11.5,color:"#94a3b8",marginBottom:6}}>{list.length} bài phù hợp{list.length>80?" (hiện 80 đầu — thu hẹp bộ lọc để xem đúng bài cần)":""}</div>
          <div style={{overflowY:"auto",flex:1,border:"1px solid #26356b",borderRadius:8}}>
            {list.slice(0,80).map(function(e){
              var used=!!inDay[e.exercise_id];
              return <button key={e.exercise_id} disabled={used} onClick={function(){handleAddExercisePicked(e);}}
                style={{display:"block",width:"100%",textAlign:"left",padding:"9px 12px",border:"none",borderBottom:"1px solid rgba(38,53,107,.6)",background:"transparent",cursor:used?"default":"pointer",opacity:used?.45:1}}>
                <span style={{color:"#f8fafc",fontWeight:700,fontSize:13}}>{e.name}</span>{used?<span style={{color:"#fbbf24",fontSize:11}}> — đã có trong buổi</span>:null}
                <div style={{fontSize:11.5,color:"#94a3b8",marginTop:1}}>{(WS_MUSCLE_LABEL[e.primary_muscle.name]||e.primary_muscle.name)+" · "+e.pattern+" · "+(WS_TYPE_LABEL[e.type]||e.type)}</div>
              </button>;
            })}
            {!list.length && <div style={{padding:14,color:"#94a3b8",fontSize:13}}>Không có bài nào khớp bộ lọc.</div>}
          </div>
        </div>
      </div>;
    })()}
    {scMode==="workout" && <>
      {/* CẤP 0: DANH SÁCH LỊCH (icon 📋) */}
      {!wkOpened && <div>
        <div style={{fontWeight:700,color:"#f8fafc",marginBottom:2}}>🗂️ Chọn lịch để tập</div>
        <div style={{fontSize:11.5,color:"#94a3b8",marginBottom:8}}>Chọn 1 lịch để check-in buổi tập. Muốn xem tổng quát / đổi tên / chỉnh lịch → sang tab 📅 Lên lịch tập.</div>
        {meso && (!savedList||savedList.length===0) && (function(){ var st=scheduleStats(meso); var pct=st.buoi>0?Math.round(st.buoiDone/st.buoi*100):0;
          return <div style={{display:"flex",alignItems:"center",gap:8,padding:"8px 0",borderTop:"1px solid rgba(212,175,55,.25)"}}>
            <button onClick={function(){setActiveSchedId("current");setWkOpened(true);setWkWeekOpen(false);setWkDay(null);setWkExIdx(null);setShowAssess(false);setWkSchedLabel("Lịch mới tạo");}} style={{flex:1,textAlign:"left",background:"transparent",border:"none",color:"#f8fafc",cursor:"pointer",fontSize:13.5,fontWeight:700}}>
              📋 Lịch mới tạo <span style={{color:"#fbbf24",fontWeight:400,fontSize:11}}>(chưa lưu)</span>
              <div style={{fontSize:11.5,color:"#64748b",fontWeight:400,marginTop:2}}>{meso.mesocycle_weeks} tuần · {meso.inputs?(WS_GOAL_LABEL[meso.inputs.goal]||meso.inputs.goal):""}</div>
              <div style={{fontSize:11.5,fontWeight:600,marginTop:2,color:pct>=100?"#4ade80":"#93c5fd"}}>Tiến độ: {st.buoiDone}/{st.buoi} buổi đã ghi ({pct}%){st.inj>0?<span style={{color:"#fca5a5"}}> · 🩹 {st.inj} bài ghi đau</span>:null}</div>
            </button>
          </div>; })()}
        {(savedList&&savedList.length>0) && savedList.map(function(s,i){ var active=(activeSchedId===scheduleId(s,i)); var st=active?scheduleStats(meso):null; var pct=st&&st.buoi>0?Math.round(st.buoiDone/st.buoi*100):0;
          return <div key={i} style={{display:"flex",alignItems:"center",gap:8,padding:"8px 0",borderTop:"1px solid rgba(212,175,55,.25)"}}>
          <button onClick={function(){ loadSavedIntoMeso(s); setActiveSchedId(scheduleId(s,i)); setWkOpened(true); setWkWeekOpen(false); setWkDay(null); setWkExIdx(null); setShowAssess(false); setWkSchedLabel(scheduleLabel(s,i)); }} style={{flex:1,textAlign:"left",background:"transparent",border:"none",color:"#f8fafc",cursor:"pointer",fontSize:13.5,fontWeight:600}}>
            📋 {scheduleLabel(s,i)}
            <div style={{fontSize:11.5,color:"#64748b",fontWeight:400,marginTop:2}}>{s.mesocycle_weeks} tuần · {s.inputs?(WS_GOAL_LABEL[s.inputs.goal]||s.inputs.goal):""} · {new Date(s.created_at).toLocaleDateString('vi-VN')}</div>
            {active && st && <div style={{fontSize:11.5,fontWeight:600,marginTop:2,color:pct>=100?"#4ade80":"#93c5fd"}}>Tiến độ: {st.buoiDone}/{st.buoi} buổi đã ghi ({pct}%){st.inj>0?<span style={{color:"#fca5a5"}}> · 🩹 {st.inj} bài ghi đau</span>:null}</div>}
          </button>
        </div>; })}
        {!meso && (!savedList||savedList.length===0) && <div style={{color:"#94a3b8",fontSize:13,marginTop:8}}>Chưa có lịch. Sang <b style={{color:"#d4af37"}}>📅 Lên lịch</b> để tạo.</div>}
        {Object.keys(prs).length>0 && <details style={{marginTop:14,border:"1px solid rgba(212,175,55,.4)",borderRadius:10,padding:"8px 12px"}}>
          <summary style={{cursor:"pointer",fontWeight:700,color:"#d4af37",fontSize:13.5}}>🏆 Kỷ lục cá nhân ({Object.keys(prs).length} bài) — lưu dài hạn xuyên mọi lịch</summary>
          <table style={{width:"100%",fontSize:12.5,borderCollapse:"collapse",color:"#f8fafc",marginTop:6}}>
            <thead><tr style={{textAlign:"left",color:"#94a3b8"}}><th>Bài</th><th>Kỷ lục</th><th>e1RM</th><th>Ngày</th></tr></thead>
            <tbody>{Object.keys(prs).sort(function(a,b){ return prs[b].e1rm-prs[a].e1rm; }).map(function(id){ var p=prs[id];
              return <tr key={id} style={{borderTop:"1px solid rgba(38,53,107,.6)"}}><td style={{padding:"4px 0"}}>{p.exercise||id}</td><td><b>{p.load}kg × {p.reps}</b></td><td style={{color:"#4ade80"}}>{p.e1rm}kg</td><td style={{color:"#64748b"}}>{new Date(p.date).toLocaleDateString('vi-VN')}</td></tr>; })}
            </tbody>
          </table>
        </details>}
      </div>}

      {wkOpened && renderCrumb()}

      {/* CẤP 1: DANH SÁCH TUẦN (icon 🗓️) */}
      {wkOpened && meso && !wkWeekOpen && !showAssess && <div>
        <div style={{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap",marginBottom:10,padding:"9px 12px",borderRadius:10,border:"1px dashed rgba(212,175,55,.5)",background:"rgba(212,175,55,.06)"}}>
          <span style={{fontSize:12.5,color:"#d4af37",fontWeight:700}}>🚩 Tuần bắt đầu:</span>
          <select value={startWeek} onChange={function(e){ setStartWeek(parseInt(e.target.value,10)||0); }} style={{fontSize:12.5,padding:"4px 8px",borderRadius:8}}>
            {meso.weeks.map(function(_wk2,i2){ return <option key={i2} value={i2}>Tuần {i2+1}{meso.weeks[i2].isDeload?" (Deload)":""}</option>; })}
          </select>
          <span style={{fontSize:11.5,color:"#94a3b8"}}>Người vào giữa chừng chọn tuần xuất phát — bấm vào tab Check in sẽ tự mở từ tuần này, các tuần trước bỏ qua.</span>
        </div>
        {meso.weeks.map(function(wk,i){ var ws=weekStats(i); var done=ws.buoiDone>=ws.buoi&&ws.buoi>0; var preStart=i<startWeek;
          return <button key={i} onClick={function(){setWeekCursor(i);setWkWeekOpen(true);setWkDay(null);setWkExIdx(null);}} style={{display:"block",width:"100%",textAlign:"left",marginBottom:8,padding:"12px 14px",borderRadius:10,border:"1px solid #26356b",background:"#0d1838",color:"#f8fafc",cursor:"pointer",fontSize:14.5,fontWeight:700,opacity:preStart?0.45:1}}>
            🗓️ Tuần {i+1}{wk.isDeload?" (Deload)":""}{preStart?<span style={{color:"#fbbf24",fontSize:11,fontWeight:600}}> · bỏ qua (bắt đầu từ tuần {startWeek+1})</span>:null} <span style={{float:"right",color:done?"#4ade80":"#94a3b8",fontSize:12,fontWeight:600}}>{ws.buoiDone}/{ws.buoi} buổi ✓</span>
            <div style={{fontSize:11.5,color:"#64748b",fontWeight:400,marginTop:2}}>{wk.days.reduce(function(s,d){return s+d.exercises.reduce(function(a,x){return a+x.sets;},0);},0)} set{ws.inj>0?<span style={{color:"#fca5a5"}}> · 🩹 {ws.inj} bài ghi đau — cần theo dõi</span>:""}</div>
          </button>;
        })}
      </div>}

      {/* CẤP 2: DANH SÁCH BUỔI (icon 💪) */}
      {wkOpened && meso && wkWeekOpen && wkDay===null && !showAssess && <div>
        {meso.weeks[weekCursor].days.map(function(d,di){
          var total=d.exercises.length; var done=d.exercises.filter(function(ex,ei){ var lg=actualLogs[logKey(weekCursor,di,ei)]; return lg&&(lg.reps||lg.load); }).length; var ds=dayStats(weekCursor,di);
          return <button key={di} onClick={function(){setWkDay(di);setWkExIdx(null);}} style={{display:"block",width:"100%",textAlign:"left",marginBottom:8,padding:"12px 14px",borderRadius:10,border:"1px solid #26356b",background:"#0d1838",color:"#f8fafc",cursor:"pointer",fontSize:14.5,fontWeight:700}}>
            💪 {d.session_name}{d.weekday?<span style={{color:"#fbbf24",fontWeight:600,fontSize:12}}> · {d.weekday}</span>:null} <span style={{float:"right",color:(done>=total&&total>0)?"#4ade80":"#94a3b8",fontSize:12,fontWeight:600}}>{done}/{total} bài ✓</span>
            <div style={{fontSize:11.5,color:"#64748b",fontWeight:400,marginTop:2}}>~{d.estimated_minutes} phút · {d.exercises.reduce(function(s,x){return s+x.sets;},0)} set{ds.joints.length>0?<span style={{color:"#fca5a5"}}> · 🩹 đau: {ds.joints.map(function(j){return WS_JOINT_LABEL[j];}).join(", ")}</span>:""}</div>
          </button>;
        })}
        {!meso._custom && <button onClick={function(){setShowAssess(true);}} style={{display:"block",width:"100%",marginTop:6,padding:"11px",borderRadius:10,border:"1px dashed #d4af37",background:"transparent",color:"#d4af37",fontWeight:700,cursor:"pointer",fontSize:13.5}}>📊 Đánh giá tuần &amp; tạo tuần kế →</button>}
      </div>}

      {/* CẤP 3: DANH SÁCH BÀI (icon 🎯) */}
      {wkOpened && meso && wkWeekOpen && wkDay!==null && wkExIdx===null && !showAssess && (function(){ var d=meso.weeks[weekCursor].days[wkDay]; var order=wkOrderFor(wkDay);
        return <div>
          {order.map(function(ei){ var ex=d.exercises[ei]; var lg=actualLogs[logKey(weekCursor,wkDay,ei)]; var doneEx=lg&&(lg.reps||lg.load); var inj=(injuries[ex.exercise_id]||[]);
            var partner=null; if(ex.superset_group!==undefined){ d.exercises.forEach(function(y,j){ if(j!==ei && y.superset_group===ex.superset_group) partner=y; }); }
            return <div key={ei} style={{display:"flex",gap:6,alignItems:"stretch",marginBottom:7}}>
              <button onClick={function(){setWkExIdx(ei);}} style={{flex:1,textAlign:"left",padding:"11px 13px",borderRadius:9,border:"1px solid "+(doneEx?"#16a34a":(partner?"#d4af37":"#26356b")),background:doneEx?"rgba(22,163,74,.12)":"#0d1838",color:"#f8fafc",cursor:"pointer",fontSize:13.5}}>
                🎯 <b>{ex.exercise}</b> {doneEx?<span style={{color:"#4ade80"}}>✓</span>:null}{inj.length?<span style={{color:"#fca5a5"}}> 🩹</span>:null}
                <div style={{fontSize:11.5,color:"#94a3b8",marginTop:1}}>Mục tiêu: {ex.sets} set × {ex.reps} @ RPE {ex.rpe}{doneEx?(" · đã tập: "+(lg.reps||"?")+" rep × "+(lg.load||"?")+"kg"):""}</div>
                {partner && <div style={{fontSize:11.5,color:"#d4af37",marginTop:1,fontWeight:700}}>🔗 Superset — tập xen kẽ từng hiệp với: {partner.exercise}</div>}
              </button>
              <span onClick={function(){handleRemoveExercise(wkDay, ei);}} title="Bỏ hẳn bài này khỏi buổi (các ngày sau tự cân bằng volume tuần)" style={{width:38,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:9,border:"1px solid rgba(220,38,38,.6)",color:"#f87171",cursor:"pointer",fontSize:14,fontWeight:800}}>✕</span>
            </div>;
          })}
          {order.length===0 && <div style={{color:"#4ade80",fontWeight:700}}>Đã xong hết bài của buổi này 🎉</div>}
          <button onClick={function(){ setPickQ(""); setPickMuscle(""); setExPicker({dayIdx:wkDay}); }} style={{display:"block",width:"100%",marginTop:4,padding:"10px",borderRadius:9,border:"1px dashed #d4af37",background:"transparent",color:"#d4af37",fontWeight:700,cursor:"pointer",fontSize:13}}>➕ Thêm bài ngay trong buổi này</button>
          {lastRemoved && lastRemoved.dayIdx===wkDay && <div style={{marginTop:8,display:"flex",gap:10,alignItems:"center",border:"1px solid rgba(220,38,38,.4)",background:"rgba(220,38,38,.07)",borderRadius:9,padding:"7px 11px"}}>
            <span style={{fontSize:12,color:"#fca5a5"}}>Đã xóa <b>{lastRemoved.ex.exercise}</b>.</span>
            <button onClick={handleUndoRemove} style={{padding:"4px 11px",borderRadius:7,border:"1px solid #d4af37",background:"transparent",color:"#d4af37",fontWeight:800,cursor:"pointer",fontSize:12}}>↩ Hoàn tác</button>
          </div>}
          {(function(){ var mk=sessionMeta[weekCursor+"_"+wkDay]||{};
            if(mk.ciDate) return <div style={{marginTop:10,padding:"11px",borderRadius:10,border:"1px solid #16a34a",background:"rgba(22,163,74,.12)",color:"#4ade80",fontWeight:800,fontSize:13.5,textAlign:"center"}}>✅ Đã check-in buổi này — {mk.ciMin} phút ≈ {mk.ciCal} kcal ({mk.ciDate})</div>;
            return <button onClick={handleSessionCheckin} style={{display:"block",width:"100%",marginTop:10,padding:"14px",borderRadius:11,border:"none",cursor:"pointer",fontSize:15,fontWeight:800,color:"#0d1838",background:"linear-gradient(135deg,#d4af37,#f7d774)",boxShadow:"0 5px 16px rgba(232,185,49,.3)"}}>🏁 KẾT THÚC BUỔI — CHECK-IN (tự tính giờ & calo)</button>;
          })()}
        </div>;
      })()}

      {/* CẤP 4: CHI TIẾT BÀI — khai báo */}
      {wkOpened && meso && wkWeekOpen && wkDay!==null && wkExIdx!==null && !showAssess && (function(){ var d=meso.weeks[weekCursor].days[wkDay]; var ex=d.exercises[wkExIdx]; var key=logKey(weekCursor,wkDay,wkExIdx); var log=actualLogs[key]||{reps:"",load:""};
        var hist=exerciseHistory(ex.exercise_id, weekCursor); var relJoints=wsExerciseJoints(ex.exercise_id); var moveCat=wsMoveCategory(WS_EXERCISE_DB.find(function(e){return e.exercise_id===ex.exercise_id;})); var injJoints=injuries[ex.exercise_id]||[]; var alts=wsAlternativesFor(ex.exercise_id);
        return <div>
          <div style={{fontWeight:800,color:"#f8fafc",fontSize:16,marginBottom:2}}>{ex.exercise}</div>
          <div style={{fontSize:12.5,color:"#94a3b8",marginBottom:8}}>Mục tiêu: <b style={{color:"#fde68a"}}>{ex.sets} set × {ex.reps} rep</b> · RPE {ex.rpe} · nghỉ {ex.rest_seconds}s</div>
          {alts.length>0 && <div style={{marginBottom:8}}><label style={{fontSize:11.5,color:"#94a3b8"}}>Đổi bài (cùng chuyển động): </label>
            <select value={ex.exercise_id} onChange={function(e){ requestSwap(wkDay, wkExIdx, e.target.value); }} style={{fontSize:12,padding:"3px 6px"}}>
              <option value={ex.exercise_id}>{ex.exercise}</option>{alts.map(function(a){return <option key={a.exercise_id} value={a.exercise_id}>{a.name}</option>;})}
            </select></div>}
          {hist.length>0 && <div style={{background:"#0d1838",border:"1px solid #26356b",borderRadius:8,padding:"8px 11px",marginBottom:10,fontSize:12.5}}>
            <div style={{color:"#d4af37",fontWeight:700,marginBottom:3}}>📈 Lịch sử bài này</div>
            {hist.map(function(h,k){ return <div key={k} style={{color:"#cbd5e1"}}>Tuần {h.week}: <b>{h.reps||"?"} rep × {h.load||"?"}kg</b> (mục tiêu {h.sets} set)</div>; })}
            {injJoints.length>0 && <div style={{color:"#fca5a5",marginTop:3}}>🩹 Đã ghi đau: {injJoints.map(function(j){return WS_JOINT_LABEL[j];}).join(", ")}</div>}
          </div>}
          <div style={{display:"flex",gap:10,marginBottom:10,flexWrap:"wrap"}}>
            {(function(){ // KHAI BÁO TỪNG SET + PR + đồng hồ nghỉ + video + SUPERSET KHAI BÁO KÉP (2 bài song song, 1 lượt)
              var partner=null, partnerIdx=-1; if(ex.superset_group!==undefined){ d.exercises.forEach(function(y,j){ if(j!==wkExIdx && y.superset_group===ex.superset_group){ partner=y; partnerIdx=j; } }); }
              var keyP = partner ? logKey(weekCursor, wkDay, partnerIdx) : null;
              var logP = keyP ? (actualLogs[keyP]||{reps:"",load:""}) : null;
              var remain = restEnd!==null ? Math.max(0, Math.ceil((restEnd-Date.now())/1000)) : null;
              // 1 cột khai báo cho 1 bài (dùng chung cho bài chính & bài cặp) — set nào của 2 bài cũng nằm NGANG HÀNG để khai xen kẽ 1 lượt
              function setCol(exC, keyC, logC, tone, exIdxC){
                var detC=(logC.setsDetail||[]);
                var prC=prs[exC.exercise_id];
                var bestC=0; detC.forEach(function(s){ var e2=wsE1RM(+s.load||0,+s.reps||0); if(e2>bestC)bestC=e2; });
                var newPrC = prC && bestC>0 && Math.round(bestC*10)/10>=prC.e1rm && (Date.now()-prC.date)<12*3600*1000;
                return <div style={{flex:1,minWidth:230,border:"1px solid "+(tone==="B"?"rgba(212,175,55,.45)":"rgba(38,53,107,.8)"),borderRadius:10,padding:"9px 11px",background:tone==="B"?"rgba(212,175,55,.05)":"transparent"}}>
                  <div style={{fontWeight:800,color:"#f8fafc",fontSize:13.5,marginBottom:2}}>{tone==="B"?"🔗 ":""}{exC.exercise}</div>
                  <div style={{fontSize:11.5,color:"#94a3b8",marginBottom:6}}>Mục tiêu: {exC.sets} set × {exC.reps} @ RPE {exC.rpe} · <a href={wsVideoHref(exC)} target="_blank" rel="noopener" style={{color:"#93c5fd",textDecoration:"underline"}}>▶ kỹ thuật</a></div>
                  {prC && <div style={{fontSize:11,color:newPrC?"#4ade80":"#94a3b8",marginBottom:5}}>🏆 PR: {prC.load}kg × {prC.reps} (e1RM {prC.e1rm}){newPrC?" — 🎉 PR MỚI!":""}</div>}
                  {Array.from({length:exC.sets}).map(function(_,si){
                    var sd=detC[si]||{reps:"",load:""};
                    return <div key={si} style={{display:"flex",gap:6,alignItems:"center",marginBottom:5}}>
                      <span style={{width:40,fontSize:12,color:"#94a3b8"}}>Set {si+1}</span>
                      <input type="number" placeholder="kg" value={sd.load} onChange={function(e){setSetDetail(keyC,si,"load",e.target.value,exC);}} style={{width:74,fontSize:14,padding:"5px 7px"}}/>
                      <span style={{color:"#64748b"}}>×</span>
                      <input type="number" placeholder={exC.reps} value={sd.reps} onChange={function(e){setSetDetail(keyC,si,"reps",e.target.value,exC);}} style={{width:74,fontSize:14,padding:"5px 7px"}}/>
                      <span style={{fontSize:11,color:"#64748b"}}>rep</span>
                      {(+sd.load>0&&+sd.reps>0)?<span style={{fontSize:10.5,color:"#4ade80"}}>{Math.round(wsE1RM(+sd.load,+sd.reps))}kg</span>:null}
                    </div>;
                  })}
                  {/* THÊM/BỚT SET — cập nhật thẳng vào lịch (handleEditExField recalc tổng set + giờ buổi + tự lưu = đồng bộ cả hệ thống) */}
                  <div style={{display:"flex",gap:8,marginTop:2}}>
                    <span onClick={function(){ if(exIdxC!=null) handleEditExField(wkDay, exIdxC, "sets", (exC.sets||0)+1); }} style={{flex:1,textAlign:"center",padding:"7px 8px",borderRadius:8,border:"1px dashed #d4af37",color:"#d4af37",fontWeight:800,cursor:"pointer",fontSize:12.5}}>➕ Thêm set</span>
                    {exC.sets>1 && <span onClick={function(){ if(exIdxC!=null) handleEditExField(wkDay, exIdxC, "sets", exC.sets-1); }} title="Bớt 1 set" style={{padding:"7px 12px",borderRadius:8,border:"1px solid rgba(220,38,38,.5)",color:"#f87171",fontWeight:800,cursor:"pointer",fontSize:12.5}}>➖</span>}
                  </div>
                </div>;
              }
              return <div style={{width:"100%"}}>
                {partner && <div style={{fontSize:12.5,color:"#d4af37",fontWeight:800,marginBottom:6}}>🔗 SUPERSET — khai báo SONG SONG 2 bài, tập XEN KẼ từng hiệp (Set 1 bài A → Set 1 bài B → nghỉ → Set 2 A → Set 2 B...)</div>}
                <div style={{display:"flex",gap:10,flexWrap:"wrap",alignItems:"stretch",marginBottom:4}}>
                  {setCol(ex, key, log, "A", wkExIdx)}
                  {partner && setCol(partner, keyP, logP, "B", partnerIdx)}
                </div>
                <div style={{display:"flex",gap:8,alignItems:"center",marginTop:8,marginBottom:4}}>
                  {remain===null && <button onClick={function(){setRestEnd(Date.now()+ex.rest_seconds*1000);}} style={{padding:"8px 14px",borderRadius:8,border:"1px solid #d4af37",background:"rgba(212,175,55,.12)",color:"#d4af37",fontWeight:800,cursor:"pointer",fontSize:13}}>⏱ Bấm nghỉ {ex.rest_seconds}s</button>}
                  {remain!==null && remain>0 && <span style={{fontSize:16,fontWeight:800,color:"#fbbf24"}}>⏱ Nghỉ: {Math.floor(remain/60)}:{String(remain%60).padStart(2,"0")}</span>}
                  {remain!==null && remain===0 && <span style={{fontSize:14,fontWeight:800,color:"#4ade80"}}>✅ Hết giờ nghỉ — vào set tiếp!</span>}
                  {remain!==null && <button onClick={function(){setRestEnd(null);}} style={{padding:"6px 10px",borderRadius:8,border:"1px solid #26356b",background:"transparent",color:"#94a3b8",cursor:"pointer",fontSize:12}}>✕ tắt</button>}
                </div>
              </div>;
            })()}
          </div>
          <details open={injJoints.length>0} style={{marginBottom:8,border:"1px solid "+(injJoints.length>0?"rgba(220,38,38,.55)":"rgba(220,38,38,.35)"),borderRadius:9,background:injJoints.length>0?"rgba(220,38,38,.10)":"rgba(220,38,38,.05)",padding:"2px 0"}}>
            <summary style={{cursor:"pointer",listStyle:"none",padding:"9px 12px",fontSize:13,fontWeight:800,color:"#fca5a5",display:"flex",alignItems:"center",justifyContent:"space-between"}}>
              <span>🩹 {injJoints.length>0?("Đã ghi đau: "+injJoints.map(function(j){return WS_JOINT_LABEL[j];}).join(", ")):"Đau ở đâu khi tập bài này?"}</span>
              <span style={{fontSize:11,fontWeight:600,color:"#94a3b8"}}>bấm để {injJoints.length>0?"xem/sửa":"báo"} ▾</span>
            </summary>
            <div style={{padding:"0 12px 10px"}}>
            <div style={{fontSize:11.5,color:"#94a3b8",marginBottom:5}}>Chọn VÙNG liên quan bài này:</div>
            <div className="toggle">{relJoints.map(function(j){ var on=injJoints.indexOf(j)>=0; return <button key={j} type="button" className={on?"on":""} onClick={function(){toggleInjuryJoint(ex.exercise_id,j);}}>{WS_JOINT_LABEL[j]}</button>; })}</div>
            {injJoints.map(function(j){ var dx=wsRegionDx(j,moveCat); return <div key={j} style={{background:"rgba(220,38,38,.08)",border:"1px solid rgba(220,38,38,.35)",borderRadius:8,padding:"8px 10px",marginTop:6,fontSize:11.5,lineHeight:1.55,color:"#e2e8f0"}}>
              <div style={{fontWeight:800,color:"#fca5a5"}}>● {WS_JOINT_LABEL[j]}</div>
              <div><b style={{color:"#fde68a"}}>Nghi cao nhất:</b> {dx.p.n}{dx.p.w?" — "+dx.p.w:""}</div>
              {dx.d&&dx.d.length>0&&<div><b style={{color:"#93c5fd"}}>Cần phân biệt:</b> {dx.d.map(function(x){return x.n;}).join(" · ")}</div>}
              <div><b style={{color:"#86efac"}}>Nên thử:</b> {dx.c}</div>
              {dx.r&&<div><b style={{color:"#f87171"}}>Khám sớm nếu:</b> {dx.r}</div>}
            </div>; })}
            {injJoints.length>0 && <div style={{fontSize:11,color:"#fde68a",marginTop:5}}>⚠ Chỉ là các khả năng để khoanh vùng, KHÔNG phải chẩn đoán — hãy tham khảo HLV/bác sĩ cơ-xương-khớp. 🚨 Dừng ngay nếu: {WS_GLOBAL_REDFLAGS.slice(0,4).join("; ")}…</div>}
            </div>
          </details>
          <div style={{display:"flex",gap:8,flexWrap:"wrap"}}>
            <button onClick={function(){ var pIdx=-1; if(ex.superset_group!==undefined){ d.exercises.forEach(function(y,j){ if(j!==wkExIdx && y.superset_group===ex.superset_group) pIdx=j; }); } if(pIdx>=0) wkGoNextPair(wkDay, wkExIdx, pIdx); else wkGoNext(wkDay,wkExIdx,"next"); }} style={{flex:1,minWidth:120,padding:"11px",borderRadius:9,border:"none",background:"#16a34a",color:"#fff",fontWeight:800,cursor:"pointer",fontSize:14}}>✓ Tiếp theo{" "}(cả cặp nếu superset)</button>
            <button onClick={function(){ wkGoNext(wkDay,wkExIdx,"skip"); }} style={{padding:"11px 14px",borderRadius:9,border:"1px solid #d4af37",background:"transparent",color:"#d4af37",fontWeight:700,cursor:"pointer",fontSize:13}}>⏭ Bỏ qua</button>
            <button onClick={function(){ if(confirm("Bỏ hẳn bài này khỏi buổi hôm nay?")) wkGoNext(wkDay,wkExIdx,"remove"); }} style={{padding:"11px 14px",borderRadius:9,border:"1px solid #dc2626",background:"transparent",color:"#f87171",fontWeight:700,cursor:"pointer",fontSize:13}}>✕ Bỏ</button>
          </div>
          <div style={{fontSize:11,color:"#64748b",marginTop:6}}>Tiếp theo = đã tập xong · Bỏ qua = chưa có máy (đẩy xuống cuối) · Bỏ = không tập bài này hôm nay</div>
        </div>;
      })()}

      {/* TRANG ĐÁNH GIÁ RIÊNG */}
      {wkOpened && meso && showAssess && <div>{renderAssessment()}</div>}
    </>}
  </div>;
}

// ERROR BOUNDARY GỐC: bắt lỗi render với STACK ĐẦY ĐỦ + cây component (window.onerror bị trình duyệt che thành "Script error."
// khi lỗi văng qua React CDN cross-origin) — hiện hộp đỏ chi tiết để chẩn đoán, kèm nút thử lại không mất trang.
class CtgErrorBoundary extends React.Component{
  constructor(p){ super(p); this.state={err:null, info:null}; }
  static getDerivedStateFromError(err){ return {err:err}; }
  componentDidCatch(err, info){ this.setState({err:err, info:info}); try{ console.error('CTG_FATAL', err, info&&info.componentStack); }catch(e){} }
  render(){
    if(this.state.err){
      var st=String(this.state.err.stack||this.state.err.message||this.state.err).split("\n").slice(0,6).join("\n");
      var cs=String((this.state.info&&this.state.info.componentStack)||"").split("\n").filter(Boolean).slice(0,8).join("\n");
      return <div style={{position:"fixed",inset:"10px",zIndex:99999,background:"#7f1d1d",color:"#fff",border:"2px solid #ef4444",borderRadius:12,padding:"14px 16px",fontFamily:"monospace",fontSize:12,lineHeight:1.5,overflow:"auto",whiteSpace:"pre-wrap"}}>
        <div style={{fontWeight:800,fontSize:14,marginBottom:8}}>💥 APP GẶP LỖI — chụp TOÀN BỘ hộp này gửi hỗ trợ</div>
        <div style={{marginBottom:8}}>{"LỖI: "+String(this.state.err.message||this.state.err)}</div>
        <div style={{marginBottom:8,color:"#fecaca"}}>{"STACK:\n"+st}</div>
        <div style={{marginBottom:12,color:"#fde68a"}}>{"VỊ TRÍ COMPONENT:\n"+cs}</div>
        <button onClick={function(){ location.reload(); }} style={{padding:"9px 18px",borderRadius:8,border:"none",background:"#fff",color:"#7f1d1d",fontWeight:800,cursor:"pointer"}}>↻ Tải lại app</button>
      </div>;
    }
    return this.props.children;
  }
}
ReactDOM.createRoot(document.getElementById("root")).render(<CtgErrorBoundary><App/></CtgErrorBoundary>);