Was this brief helpful?

{showTags && (

What was off? (optional)

{DOWN_TAGS.map(t => ( ))}

setNote(e.target.value)} style={{ width: "100%", resize: "vertical" }} />
            <div style={{ marginTop: 10 }}><Button size="sm" icon="Send" disabled={busy} onClick={saveDownDetail}>Send detail</Button></div>
          </div>
        )}

{reporting && (
          <div className="mp-fade" style={{ marginTop: 14, borderTop: "1px solid var(--border)", paddingTop: 14 }}>
            <div style={{ fontSize: "var(--fs-body-3)", color: "var(--fg-2)", marginBottom: 8 }}>Report a problem with this brief</div>
            <textarea className="mp-input" rows={3} placeholder="Describe what went wrong (wrong info, missing section, a bug…)" value={issue}
              onChange={e => setIssue(e.target.value)} style={{ width: "100%", resize: "vertical" }} />
            <div style={{ marginTop: 10, display: "flex", gap: 8 }}>
              <Button size="sm" icon="Send" disabled={busy || !issue.trim()} onClick={submitIssue}>Send report</Button>
              <Button variant="secondary" size="sm" onClick={() => setReporting(false)}>Cancel</Button>
            </div>
          </div>
        )}
      </div>
    </Card>
  );
}

function Substat({ icon, label, value, num }) {
  return (
    <div>
      <div className="mp-substat__k"><Icon name={icon} size={13} /> {label}</div>
      <div className="mp-substat__v" style={num ? { fontFamily: "var(--font-numbers)" } : null}>{value}</div>
    </div>
  );
}

function Objection({ q, a, defaultOpen }) {
  const [open, setOpen] = React.useState(!!defaultOpen);
  return (
    <div className="mp-obj__item">
      <button className="mp-obj__q" onClick={() => setOpen(o => !o)}>
        <span className="mp-obj__qtext"><Icon name="MessageCircle" size={17} /> {q}</span>
        <Icon name="ChevronDown" size={17} className={`mp-obj__chev${open ? " is-open" : ""}`} />
      </button>
      {open && <div className="mp-obj__a"><div>{a}</div></div>}
    </div>
  );
}

function TeamRecommender({ team, soloFit }) {
  return (
    <div style={{ display: "flex", flexDirection: "column", gap: 14 }}>
      {team.length > 0 && (
        <div className="mp-teamgrid">
          {team.map(c => (
            <div key={c.id} className="mp-teamcard">
              <span className={`mp-rolemark mp-rolemark--${c.color}`}><Icon name={c.icon || "Users"} size={20} /></span>
              <div style={{ minWidth: 0 }}>
                <div className="mp-teamcard__name">{c.role}</div>
                <div className="mp-teamcard__reason">{c.reason}</div>
              </div>
            </div>
          ))}
        </div>
      )}
      <div className={`mp-fit ${soloFit.kind === "good" ? "is-good" : "is-escalate"}`}>
        <Icon name={soloFit.kind === "good" ? "CircleCheck" : "TriangleAlert"} size={19} />
        <div>
          <div className="mp-fit__title">Are you the right person to run this?</div>
          <div className="mp-fit__text">{soloFit.text}</div>
        </div>
      </div>
    </div>
  );
}

/**
 * Build the "Copy as Markdown" clipboard payload: the brief PLUS the seller's
 * ICP/positioning profile, structured so any LLM (pasted into ChatGPT, Claude,
 * etc.) can pick it up and keep working with it. Two conventions drive the shape:
 *  - Markdown for the actual content (renders cleanly, and LLMs parse Markdown
 *    structure natively either way).
 *  - XML-style tags around each distinct block (<seller_profile>,
 *    <game_day_brief>) so the model can unambiguously tell "reference context
 *    about the seller" apart from "the brief to work on" — the same technique
 *    services/synthesis-prompt.ts uses server-side (<seller_baseline>, etc.).
 * The seller_profile section reuses MP.buildSystemPrompt() verbatim (sliced to
 * drop the "# ROLE"/"# INSTRUCTIONS" framing meant for the brief-writing AI, so
 * a pasted-in LLM doesn't mistake it for a persona to assume) — that keeps this
 * export byte-identical to whatever actually drove the brief, with no separate
 * copy of the ICP-to-prose mapping to maintain.
 * Deliberately carries NO task instructions ("help me sharpen this...") — that
 * framing primes the LLM to treat the brief as a rough draft to critique, which
 * can make an already-personalized brief read back as generic. This is just the
 * labeled data; the rep supplies their own question when they paste it in.
 */
function buildBriefMarkdown(prep) {
  const d = prep.data || {};
  const oneLine = (v) => String(v == null ? "" : v).replace(/\s+/g, " ").trim();
  const dash = (v) => oneLine(v) || "—";
  const fmtDate = (iso) => {
    const dt = new Date(iso);
    return Number.isNaN(dt.getTime()) ? "" : dt.toLocaleDateString(undefined, { month: "long", day: "numeric", year: "numeric" });
  };

// Grounded research returns opaque redirect URLs (vertexaisearch…, 100+
  // chars) — printing those is noise. Show the human label (title, else the
  // URL's host), dedupe by label, cap the list. Mirrors services/brief-pdf.ts.
  const buildSources = (sources) => {
    const isRedirect = (u) => /vertexaisearch|grounding-api-redirect/i.test(u) || u.length > 90;
    const hostOf = (u) => { try { return new URL(u).hostname.replace(/^www\./, ""); } catch (e) { return ""; } };
    const seen = new Set();
    const items = (Array.isArray(sources) ? sources : [])
      .map((s) => {
        const uri = oneLine(s && s.uri);
        const label = oneLine(s && s.title) || (uri && !isRedirect(uri) ? hostOf(uri) : "");
        return { label, uri: uri && !isRedirect(uri) ? uri : "" };
      })
      .filter((s) => {
        if (!s.label) return false;
        const key = s.label.toLowerCase();
        if (seen.has(key)) return false;
        seen.add(key);
        return true;
      });
    const SHOW = 12;
    return {
      shown: items.slice(0, SHOW).map((s) => (s.uri && s.uri.toLowerCase() !== s.label.toLowerCase() ? `${s.label} — ${s.uri}` : s.label)),
      more: Math.max(0, items.length - SHOW),
    };
  };

const lines = [];
  const push = (t) => lines.push(t);

// No task framing here ("help me sharpen this...") — that primes the LLM to
  // treat the brief as a rough draft to critique/rewrite, which can make an
  // already-personalized brief read back as generic. Just the labeled data;
  // the rep supplies their own question when they paste this in.
  push(`# Game Day Brief — ${dash(prep.prospect)}`);
  push("");

// ---- seller profile (the exact baseline this brief was generated against) ----
  const settings = (typeof MP !== "undefined" && MP.getSettings) ? MP.getSettings() : null;
  if (settings && typeof MP.buildSystemPrompt === "function") {
    push("<seller_profile>");
    push("_Reference only — the seller's company & ICP profile this brief was generated against. Not a role for you to assume._");
    push("");
    const full = MP.buildSystemPrompt(settings);
    const start = full.indexOf("# WHO I AM");
    const end = full.indexOf("# INSTRUCTIONS");
    const mid = (start !== -1 && end !== -1) ? full.slice(start, end).trim() : full.trim();
    // The source headers are shouty ALL-CAPS ("# WHO I AM") to stand out inside a
    // system prompt; sentence-case them to match this doc's other headers.
    const toSentenceCase = (t) => t.toLowerCase().replace(/\bi\b/g, "I").replace(/^./, (c) => c.toUpperCase());
    push(mid.replace(/^# (.+)$/gm, (_m, t) => `## ${toSentenceCase(t)}`));
    push("</seller_profile>");
    push("");
  }

// ---- the brief itself ----
  push("<game_day_brief>");
  const metaBits = [];
  if (oneLine(prep.prospect)) metaBits.push(`**Prospect:** ${oneLine(prep.prospect)}`);
  if (oneLine(prep.stage)) metaBits.push(`**Stage:** ${oneLine(prep.stage)} call`);
  if (oneLine(d.confidence)) metaBits.push(`**Confidence:** ${oneLine(d.confidence).replace(/^./, (c) => c.toUpperCase())}`);
  const prepped = fmtDate(prep.createdAt);
  if (prepped) metaBits.push(`**Prepared:** ${prepped}`);
  if (metaBits.length) { push(metaBits.join(" · ")); push(""); }

if (oneLine(d.story)) {
    push("## The story");
    push(oneLine(d.story));
    if (Array.isArray(d.signals) && d.signals.length) {
      const sig = d.signals.map(oneLine).filter(Boolean).join(" · ");
      if (sig) { push(""); push(`**Signals:** ${sig}`); }
    }
    push("");
  }

if (d.gameplan && (oneLine(d.gameplan.verdict) || oneLine(d.gameplan.say))) {
    push("## 30-second game plan");
    if (oneLine(d.gameplan.verdict)) push(`**${oneLine(d.gameplan.verdict)}**`);
    if (oneLine(d.gameplan.say)) push(`- **Say:** ${oneLine(d.gameplan.say)}`);
    if (oneLine(d.gameplan.prove)) push(`- **Prove:** ${oneLine(d.gameplan.prove)}`);
    if (oneLine(d.gameplan.ask)) push(`- **Ask:** ${oneLine(d.gameplan.ask)}`);
    if (oneLine(d.gameplan.watch)) push(`- **Watch for:** ${oneLine(d.gameplan.watch)}`);
    push("");
  }

if (d.fit && Array.isArray(d.fit.points) && d.fit.points.length) {
    push(`## Why they fit ${dash(d.fit.product)}`);
    if (oneLine(d.fit.verdict)) push(`**${oneLine(d.fit.verdict)}**`);
    d.fit.points.forEach((p) => { if (oneLine(p)) push(`- ${oneLine(p)}`); });
    push("");
  }

if (Array.isArray(d.findings) && d.findings.length) {
    push("## What the research found");
    d.findings.forEach((f) => {
      const t = oneLine(f && f.text);
      if (t) push(`- ${t}${f.src ? ` _(Source: ${oneLine(f.src)})_` : ""}`);
    });
    push("");
  }

if (Array.isArray(d.agenda) && d.agenda.length) {
    push("## Suggested agenda");
    d.agenda.forEach((a) => {
      const label = oneLine(a && a.label);
      if (!label) return;
      const time = oneLine(a.time);
      push(`- ${time ? `**${time}** ` : ""}${label}${a.detail ? ` — ${oneLine(a.detail)}` : ""}`);
    });
    push("");
  }

if (Array.isArray(d.pitch) && d.pitch.length) {
    push("## Pitch points");
    d.pitch.forEach((p, i) => {
      const h = oneLine(p && p.headline);
      if (!h) return;
      push(`${i + 1}. **${h}**${p.body ? ` — ${oneLine(p.body)}` : ""}`);
      if (p.why) push(`   _Why it lands: ${oneLine(p.why)}_`);
    });
    push("");
  }

if (Array.isArray(d.questions) && d.questions.length) {
    push("## Questions to ask");
    d.questions.forEach((q, i) => { const t = oneLine(q); if (t) push(`${i + 1}. ${t}`); });
    push("");
  }

if (Array.isArray(d.objections) && d.objections.length) {
    push("## Likely objections");
    d.objections.forEach((o) => {
      const q = oneLine(o && o.q);
      if (!q) return;
      const a = oneLine(o.a);
      push(`- **"${q}"**${a ? ` — ${a}` : ""}`);
    });
    push("");
  }

if (Array.isArray(d.stakeholders) && d.stakeholders.length) {
    push("## Who's in the room");
    d.stakeholders.forEach((p) => {
      const name = oneLine(p && p.name);
      if (!name) return;
      let line = `- **${name}${p.title ? `, ${oneLine(p.title)}` : ""}**`;
      if (p.kind) line += ` (${oneLine(p.kind)})`;
      if (p.angle) line += `: ${oneLine(p.angle)}`;
      push(line);
    });
    push("");
  }

push("</game_day_brief>");

return lines.join("\n").replace(/\n{3,}/g, "\n\n").trim();
}

Object.assign(window, { PrepViewPage, BriefFeedback, Substat, Objection, TeamRecommender, DEPARTMENTS, buildBriefMarkdown });

You sell {d.fit.product}.

{p.headline}