`public/panels/segment-perf.html`

31 lines
<div id="sp-banner"></div>

<div class="card">
  <div class="row" style="justify-content:space-between;align-items:baseline;gap:12px">
    <div>
      <h2>Segment Performance</h2>
      <div class="muted" style="font-size:12px">
        Email KPIs split by audience segment, colour-coded against luxury B2B
        benchmarks. 30-day headline averages with a 90-day per-segment trend.
        Read-only — never triggers a send.
      </div>
    </div>
    <div class="row" style="gap:8px;align-items:center">
      <label for="sp-metric" style="margin:0">Trend metric</label>
      <select id="sp-metric" style="min-width:200px;width:auto">
        <option value="openRate">Open rate</option>
        <option value="ctor">CTOR (clicks / opens)</option>
        <option value="clickRate">Click rate</option>
        <option value="revPerRecipient">Est. revenue / recipient</option>
      </select>
      <button class="btn ghost" id="sp-refresh" style="padding:6px 12px;font-size:12.5px">Refresh</button>
    </div>
  </div>

  <div class="row" id="sp-legend" style="gap:14px;margin-top:14px;align-items:center;font-size:11.5px"></div>
</div>

<div id="sp-cards" class="grid" style="grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px">
  <div class="loading" style="grid-column:1 / -1">Loading segments…</div>
</div>