(function registerFreeSeoEvidenceRowsPreview(global) {
  const React = global.React;
  if (!React) return;

  function EvidenceRowsPreview(props) {
    const rows = props.rows || [];
    if (!rows.length) return <div className="free-seo-card compact"><h3>Rows preview</h3><p>No normalized rows to preview.</p></div>;
    return <div className="free-seo-card compact"><h3>Rows preview</h3><div className="free-seo-table-wrap"><table className="free-seo-table"><thead><tr><th>Query</th><th>Page</th><th>Clicks</th><th>Impressions</th><th>Sessions</th><th>Date</th></tr></thead><tbody>{rows.slice(0, 50).map((row) => <tr key={row.id || row.rowIndex}><td>{row.query || '—'}</td><td><small>{row.canonicalPageUrl || row.page || '—'}</small></td><td>{row.clicks || ''}</td><td>{row.impressions || ''}</td><td>{row.sessions || ''}</td><td>{row.date || ''}</td></tr>)}</tbody></table></div></div>;
  }

  global.FreeSeoEvidenceRowsPreview = EvidenceRowsPreview;
})(window);