function SidecarProviderPanel({ providers = [], onTest, onRender }) {
  return (
    <section className="free-seo-card">
      <h2>Self-host Sidecars</h2>
      <p>Optional local crawler/extractor services. Disabled by default unless environment flags are enabled.</p>
      <table className="free-seo-table"><thead><tr><th>Provider</th><th>Status</th><th>URL</th><th>Actions</th></tr></thead><tbody>
      {providers.map(p => <tr key={p.id}><td>{p.label}</td><td>{p.enabled ? 'Enabled' : 'Disabled'}</td><td>{p.defaultUrl}</td><td><button onClick={() => onTest(p.id)}>Test</button><button onClick={() => onRender(p.id)}>Render compose</button></td></tr>)}
      </tbody></table>
    </section>
  );
}
window.SidecarProviderPanel = SidecarProviderPanel;