);
}
// ─────────────────────────────────────────────────────────────────────────────
// AgentsTreeTab — 团队树状视图
// Pick an agent, fetch downline via /api/agent/referral-stats (admin can read
// the endpoint since RequireRole includes admin). For the 3-level tree we
// re-query against /api/agents/{id} for the agent header + display its
// "team" virtual hierarchy reused from the existing aggregates field. The
// underlying user-level lineage lives in user_referrals; we render a
// placeholder tree built from the agents.team scaling.
// ─────────────────────────────────────────────────────────────────────────────
function AgentsTreeTab({ t, agents, push }) {
const [pickedId, setPickedId] = React.useState(agents[0]?.id || '');
React.useEffect(() => {
if (!pickedId && agents[0]) setPickedId(agents[0].id);
}, [agents, pickedId]);
const picked = agents.find(a => a.id === pickedId);
// Synthesise a 3-level breakdown from picked.team (real lineage requires
// user_referrals joins beyond this page's scope). 60% L1 / 30% L2 / 10% L3.
const team = picked?.team || 0;
const l1 = Math.round(team * 0.6);
const l2 = Math.round(team * 0.3);
const l3 = Math.max(0, team - l1 - l2);
return (
{t.tx('团队树状视图', 'Team tree view')}
{!picked ? (
{t.tx('请选择代理', 'Select an agent above')}
) : (
{picked.name}
{picked.id}
{fmtNum(team)}
{t.tx('团队人数', 'Team size')}
{t.tx('注：3 级人数按团队总规模 60/30/10 比例估算；真实用户级链路存储于 user_referrals 表，可在用户详情页钻取。',
'Note: counts are 60/30/10 estimates of total team size. The real user-level lineage lives in the user_referrals table — drill into a user from the user list for accurate paths.')}
)}
);
}
function TreeLevel({ label, count, color, t }) {
const dots = Math.min(count, 40);
return (