Line at a glance + My line: every level shows who made their $20+ buy and how many qualifying buyers of their own they have (Clinton); 60s member cache for line views

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

public/assets/my.js

@@ -430,11 +430,11 @@
       const levels = r.levels || [];
       const total = levels.reduce((n, L) => n + L.members.length, 0);
       if ($('treeSub')) $('treeSub').textContent = total ? total + ' across 3 levels' : 'share your link to grow';
-      const chip = (m, q) => '<span class="lt-node' + (q ? ' qualified' : (m.email ? '' : ' deep')) + '" title="' + esc(m.name || 'member') + (q ? ' · qualified buyer' : '') + '">' + esc(String(m.name || 'M').replace(/^@/, '').slice(0, m.own ? 20 : 14)) + '</span>';
+      const chip = (m, q) => '<span class="lt-node' + (q ? ' qualified' : (m.email ? '' : ' deep')) + '" title="' + esc(m.name || 'member') + (q ? ' · bought a $20+ package (counts for their sponsor)' : ' · no $20+ buy yet') + (m.buyers ? ' · ' + m.buyers + ' qualifying buyer' + (m.buyers === 1 ? '' : 's') + ' of their own' : '') + '">' + esc(String(m.name || 'M').replace(/^@/, '').slice(0, m.own ? 20 : 14)) + (m.buyers ? '<i class="lt-n" title="their own qualifying buyers">' + m.buyers + '</i>' : '') + '</span>';
       const rowFor = lvl => {
         const L = levels.find(x => x.level === lvl); const members = L ? L.members : [];
         // gold = the contract counted this member as one of your qualifying buyers (not "the first N chips")
-        let html = members.map(m => chip(m, !!m.qualified)).join('');
+        let html = members.map(m => chip(m, !!(m.qualified || m.bought))).join(''); // gold on every level = made their $20+ buy
         if (lvl <= 2 && members.length < (lvl === 1 ? 2 : 4)) html += '<span class="lt-node open">+ open</span>';
         if (!html) html = '<span class="lt-node open">+ open</span>';
         return '<div class="lt-row"><span class="lt-cap">L' + lvl + '</span><div class="lt-nodes">' + html + '</div></div>';
@@ -1403,7 +1403,7 @@
       el.innerHTML = r.levels.map(L => !L.members.length ? '' :
         '<div class="lin-lvl"><div class="cap">Level ' + L.level + ' · ' + L.members.length + (L.level === 1 ? ' direct' : '') + '</div>'
         + L.members.map(m => '<div class="lin-row' + (m.own ? ' own' : '') + '"><span class="nm">' + esc(m.name) + (m.own ? ' <span class="badge">yours</span>' : '') + '</span>'
-          + '<span class="em">' + (m.email ? esc(m.email) : (m.memberId ? '<span class="id">#' + m.memberId + '</span>' : '')) + (m.sponsor ? '<span class="sp">sponsored by ' + esc(m.sponsor) + '</span>' : '') + '</span>'
+          + '<span class="em">' + (m.email ? esc(m.email) : (m.memberId ? '<span class="id">#' + m.memberId + '</span>' : '')) + (m.sponsor ? '<span class="sp">sponsored by ' + esc(m.sponsor) + '</span>' : '') + (m.own ? '' : '<span class="sp">' + (m.bought ? '$20+ buy ✓' : 'no $20+ buy yet') + (m.buyers ? ' · ' + m.buyers + ' qualifying buyer' + (m.buyers === 1 ? '' : 's') + ' of their own' : '') + '</span>') + '</span>'
           + '<span class="earn' + (m.earnedWei && m.earnedWei !== '0' ? ' on' : '') + '" title="POL this person has paid you so far">'
           + (m.earnedWei && m.earnedWei !== '0' ? '+' + IAP.fmtPol(m.earnedWei) + ' POL' : '0.00 POL') + '</span>'
           + '<span class="dt">' + new Date(m.joined).toLocaleDateString() + '</span>'

public/assets/site.css

@@ -632,6 +632,7 @@ img{max-width:100%}
 .lt-node.deep{color:var(--muted)}
 .lt-node.qualified{border-color:#ffb238;color:#ffd15c;box-shadow:0 0 0 1px rgba(255,177,56,.35)}
 .lt-node.open{border-style:dashed;color:var(--muted);background:transparent}
+.lt-node .lt-n{display:inline-block;font-style:normal;font-size:10px;line-height:16px;min-width:16px;text-align:center;border-radius:8px;background:rgba(255,177,56,.18);color:#ffd15c;margin-left:6px;padding:0 4px;font-variant-numeric:tabular-nums}
 
 .sh-report{display:block;text-align:center;margin-top:10px;color:rgba(255,255,255,.45);font-size:12px}
 .sh-report:hover{color:rgba(255,255,255,.8)}

public/my.html

@@ -5,7 +5,7 @@
 <title>Member area | InstantAdPay</title>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
 <link rel="icon" type="image/png" href="/logo-icon.png">
-<link rel="stylesheet" href="/assets/site.css?v=20260914g">
+<link rel="stylesheet" href="/assets/site.css?v=20260914h">
 </head>
 <body class="bo-body">
 
@@ -239,7 +239,7 @@
         <div class="card" id="lineTreeCard">
           <div class="card-head"><h3>Your line at a glance</h3><span class="sub" id="treeSub"></span></div>
           <div id="lineTree" class="line-tree"><p class="muted small">Loading your line…</p></div>
-          <p class="small muted" id="treeLegend" style="margin:10px 0 0;line-height:2"><span class="lt-node qualified" style="font-size:11px;padding:2px 8px">name</span> qualifying buyer: bought a $20+ package, counts toward your levels &nbsp;·&nbsp; <span class="lt-node" style="font-size:11px;padding:2px 8px">name</span> joined, no $20+ buy yet &nbsp;·&nbsp; <span class="lt-node open" style="font-size:11px;padding:2px 8px">+ open</span> spot still open</p>
+          <p class="small muted" id="treeLegend" style="margin:10px 0 0;line-height:2"><span class="lt-node qualified" style="font-size:11px;padding:2px 8px">name</span> bought a $20+ package: counts as a qualifying buyer for their sponsor (on level 1, that is you) &nbsp;·&nbsp; <span class="lt-node" style="font-size:11px;padding:2px 8px">name<i class="lt-n">2</i></span> their own qualifying buyers &nbsp;·&nbsp; <span class="lt-node" style="font-size:11px;padding:2px 8px">name</span> joined, no $20+ buy yet &nbsp;·&nbsp; <span class="lt-node open" style="font-size:11px;padding:2px 8px">+ open</span> spot still open</p>
         </div>
         <div class="card" id="badgeCard" hidden>
           <div class="card-head"><h3>Your achievements</h3><span class="sub">unlock as you build</span></div>
@@ -984,7 +984,7 @@
 <script src="/assets/common.js?v=20260914a"></script>
 <script src="/assets/wallet.js?v=20260911a"></script>
 <script src="/assets/promo.js?v=20260911a"></script>
-<script src="/assets/my.js?v=20260914k"></script>
+<script src="/assets/my.js?v=20260914l"></script>
 <script src="/assets/chat.js?v=20260907l"></script>
 </body>
 </html>