// ResearchView — the /research "Found by Sekura" lane. Seeds the credibility
// container the plan wants now (anonymized own-findings) while the public CVE
// program stays deferred. Data in data/research.js.

function ResearchView() {
  const { React } = window;
  const posts = window.ResearchPosts || [];
  const methodology = window.ResearchMethodology || [];

  return (
    <React.Fragment>
      <main className="research-page">
        <div className="research-inner">
          <p className="research-eyebrow">research · found by sekura</p>
          <h1 className="research-h1">findings we proved — anonymized, with evidence.</h1>
          <p className="research-sub">
            Real vulnerabilities surfaced by Sekura in design-partner engagements. Disclosed
            privately first; published anonymized once cleared. No scores, no spam — proof.
          </p>

          <ul className="research-list">
            {posts.map(p => (
              <li className="research-item" key={p.title}>
                <div className="research-item-head">
                  <span className={`proof-sev proof-sev--${(p.severity || '').toLowerCase()}`}>{p.severity}</span>
                  <h2 className="research-item-title">{p.title}</h2>
                </div>
                <div className="research-item-meta">
                  {p.partner}{p.cve ? ` · ${p.cve}` : ''}{p.date ? ` · ${p.date}` : ''}
                </div>
                <p className="research-item-summary">{p.summary}</p>
              </li>
            ))}
          </ul>

          {methodology.length > 0 && (
            <div className="research-method">
              <h3 className="research-method-title">how we disclose</h3>
              <ul className="research-method-list">
                {methodology.map((m, i) => <li key={i}>{m}</li>)}
              </ul>
            </div>
          )}
        </div>
      </main>



    </React.Fragment>
  );
}

window.ResearchView = ResearchView;