Add sample scenario data and reporting updates

mockups/data-ui.js

@@ -343,7 +343,7 @@ async function loadPlayers() {
   playerData=data; fillMetrics(data.metrics);
   const ranking=$('[data-leaderboard-value]');
   if (!ranking.options.length) {
-    data.fields.filter(f=>!['robux','playtime','cash'].includes(f.key)).forEach(f=>ranking.add(new Option(f.label,f.key)));
+    data.fields.filter(f=>!['robux','playtime','cash'].includes(f.key) && !['text','json'].includes(f.format)).forEach(f=>ranking.add(new Option(f.label,f.key)));
     ranking.value='level';
   }
   $('[data-leaderboards]').innerHTML=data.leaderboards.map(board=>`<article class="card card-pad"><div class="card-title">${cell(board.label,'text')}</div><ol class="fame-list">${board.players.map((p,i)=>`<li><span class="fame-rank">${i+1}</span><div class="avatar-placeholder" role="img" aria-label="Avatar placeholder for ${cell(p.name,'text')}"><span>${cell((p.name || '?').slice(0,2).toUpperCase(),'text')}</span></div><div class="fame-player">${playerLink(p.playerId,p.name,p.robloxUserId)}</div><strong>${cell(p.value,board.format)}</strong></li>`).join('') || '<li class="empty">N/A</li>'}</ol></article>`).join('');
@@ -458,7 +458,7 @@ async function loadProfile() {
   const p=data.player;
   $('[data-profile-name]').textContent=format(p.name);
   $('[data-profile-id]').textContent=`Internal player ${p.playerId} · Roblox user ${p.robloxUserId} · First seen ${format(p.firstSeen,'date')} · Snapshot ${format(p.snapshotAt,'date')}`;
-  $('[data-profile-tags]').innerHTML=(data.groups || []).map(v=>`<span class="pill">${escape(v)}</span>`).join('');
+  $('[data-profile-tags]').innerHTML=[p.playStyle,...(data.groups || [])].filter(Boolean).map(v=>`<span class="pill">${escape(v)}</span>`).join('');
   fillMetrics(p);
   const chooser=$('[data-profile-value]');
   if (!chooser.options.length) data.historyFields.forEach(f=>chooser.add(new Option(f.label,f.key)));