Phase 04 — Export
Export
Markdown export. Stakeholder Notes, Stop Conditions, and Outreach Plays are excluded from the client surface by design — never expose these to a client.
{
const i = state.intake;
const slug = ((i.company || "search") + "-" + (i.role_title || i.role_family)).toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"");
const combined = `\n\n${clientMd}\n\n\n\n\n${internalMd}`;
const blob = new Blob([combined], { type: "text/markdown" });
const a = document.createElement("a");
a.href = URL.createObjectURL(blob);
a.download = `intel-brief-${slug}.md`;
a.click();
}} style={{
background: "transparent", color: T_APP.text, border: `1px solid ${T_APP.border}`,
padding: "9px 16px", borderRadius: 4, fontFamily: T_APP.sans, fontSize: 12.5, fontWeight: 500, cursor: "pointer",
}}>↓ Download both as .md
);
}
/* ------------- ROOT APP ------------- */
function App() {
const [intake, setIntake] = useStateApp(window.IE_DATA.ANDY_CASE);
const [tab, setTab] = useStateApp("brief");
const [surface, setSurface] = useStateApp("internal");
const [tweaks, setTweaks] = window.useTweaks(TWEAK_DEFAULTS);
const { isMobile } = useViewportApp();
// LLM synthesis — replaces templated thesisLine + thesis when /api/synthesize is reachable.
// { status: "idle" | "loading" | "ok" | "error", thesisLine?: string, thesis?: string, error?: string }
const [synth, setSynth] = useStateApp({ status: "idle" });
const state = React.useMemo(() => buildState(intake), [intake]);
const onGenerate = () => {
setTab("diagnostic");
window.scrollTo({ top: 0, behavior: "smooth" });
// Fire LLM synthesis in the background. Brief renders templated output until this resolves.
setSynth({ status: "loading" });
fetch("/api/synthesize", {
method: "POST",
headers: { "content-type": "application/json" },
body: JSON.stringify(intake),
})
.then(r => r.json().then(body => ({ ok: r.ok, status: r.status, body })))
.then(({ ok, status, body }) => {
if (ok && body.thesisLine && body.thesis) {
setSynth({ status: "ok", thesisLine: body.thesisLine, thesis: body.thesis, meta: body.meta });
} else {
setSynth({ status: "error", error: body.error || `HTTP ${status}` });
}
})
.catch(e => setSynth({ status: "error", error: String(e) }));
};
// Auto-resynthesize when intake changes (debounced) — but only AFTER first generate.
useEffectApp(() => {
if (synth.status === "idle") return; // never synthesized yet — wait for explicit Generate
const t = setTimeout(() => {
setSynth(s => ({ ...s, status: "loading" }));
fetch("/api/synthesize", {
method: "POST",
headers: { "content-type": "application/json" },
body: JSON.stringify(intake),
})
.then(r => r.json().then(body => ({ ok: r.ok, status: r.status, body })))
.then(({ ok, status, body }) => {
if (ok && body.thesisLine && body.thesis) {
setSynth({ status: "ok", thesisLine: body.thesisLine, thesis: body.thesis, meta: body.meta });
} else {
setSynth({ status: "error", error: body.error || `HTTP ${status}` });
}
})
.catch(e => setSynth({ status: "error", error: String(e) }));
}, 1200);
return () => clearTimeout(t);
}, [intake]);
return (