// Surface — New course.
// REAL create flow: course details → POST /v1/courses + POST /:id/draft →
// open the new (blank) course in the editor. The AI source-ingestion pipeline
// is previewed in the side card but not wired yet; PIPELINE_PHASES below also
// drives the SurfaceGenerating demo screen (Tweaks-panel jump only).
const PIPELINE_PHASES = [
{ id: 'ingest', title: 'Reading sources',
subtitle: 'Parse documents · transcribe video & audio',
log: [
'parse Open: {file1}',
'parse Extracted 142 paragraphs, 8 anecdote candidates',
'transcribe Open: {file2}',
'transcribe 1842 words · 11:42 runtime',
] },
{ id: 'classify', title: 'Classifying content',
subtitle: 'Expository vs narrative · tag anecdotes',
log: [
'classify Difficult-Interactions_v3-final.docx → Expository',
'classify Priya-Naidu_SME-interview.mp4 → Narrative · 4 anecdotes',
'classify Confidence avg 0.91',
] },
{ id: 'modules', title: 'Proposing modules',
subtitle: 'Cluster claims · sequence the arc',
log: [
'cluster Identified 4 thematic clusters',
'sequence M1 Recognising tension early',
'sequence M2 Frameworks for tough talks',
'sequence M3 The conversation itself',
'sequence M4 Repair & follow-through',
] },
{ id: 'layouts', title: 'Picking layout types',
subtitle: 'Match content shape to the right interaction',
log: [
'layout M2-L3 sequence · 6 tabs · score 0.91',
'layout M2-L5 small video · score 0.82',
'layout M3-L2 mandatory question · score 0.88',
'layout 24 layouts placed across 4 modules',
] },
{ id: 'validate', title: 'Final checks',
subtitle: 'Coverage · duplicates · validation flags',
log: [
'validate Coverage 94% of source claims mapped',
'validate 3 warnings raised — see issues panel',
'done Ready for review',
] },
];
function SurfaceNewCourse({ onCancel, onCreated }) {
const [name, setName] = React.useState('');
const [topic, setTopic] = React.useState('');
const [busy, setBusy] = React.useState(false);
const [error, setError] = React.useState(null);
// If POST /courses succeeded but the draft POST failed, remember the row so
// "try again" completes the SAME course instead of creating a duplicate.
const createdRef = React.useRef(null);
const canCreate = name.trim().length > 0 && !busy;
// REAL create: POST /v1/courses → POST /v1/courses/:id/draft → open the new
// course in the editor (blank content mode). The AI source-ingestion flow on
// the right is a PREVIEW — creation always starts from an empty course.
const handleCreate = async () => {
if (!canCreate) return;
setBusy(true);
setError(null);
try {
const token = await window.dynamoGetAccessToken();
const headers = {
'Content-Type': 'application/json',
Authorization: 'Bearer ' + token,
};
let row = createdRef.current;
if (!row) {
const res = await fetch(window.DYNAMO_ENV.gatewayBase + '/v1/courses', {
method: 'POST', headers,
body: JSON.stringify({
title: name.trim(),
topic: topic.trim() || 'General',
brand: 'default',
// v1 authors in English; more base languages arrive with the
// Localisation flow (translate adds them post-authoring).
enabledLangs: ['en'],
defaultLang: 'en',
}),
});
if (!res.ok) {
let msg = '';
try { msg = (await res.json()).message || ''; } catch { /* not JSON */ }
throw new Error(`HTTP ${res.status}${msg ? `: ${msg}` : ''}`);
}
row = await res.json();
createdRef.current = row;
}
// Give the course its (empty) draft so the first save/export has a home.
// NOTE: this POST carries NO body, so it must NOT declare
// `Content-Type: application/json` — Fastify's JSON parser rejects an
// empty body (FST_ERR_CTP_EMPTY_JSON_BODY) and the client sees a 500.
// That failure left the course row created but draft-less, which made
// every later save 404 and every media upload fail at upload-complete.
const draftRes = await fetch(
`${window.DYNAMO_ENV.gatewayBase}/v1/courses/${row.id}/draft`,
{ method: 'POST', headers: { Authorization: 'Bearer ' + token } });
if (!draftRes.ok && draftRes.status !== 409) { // 409 = already has one
throw new Error(`draft HTTP ${draftRes.status}`);
}
onCreated(row);
} catch (e) {
setError(String((e && e.message) || e));
setBusy(false);
}
};
return (
{/* Header */}
New course
Create a course
Name your course and start authoring from an empty structure. You add
modules, layouts, media and translations yourself — AI generation from
uploaded sources is coming later.
);
}
// ── Field wrapper ──────────────────────────────────────────────────────────
function NCField({ label, subtitle, required, children }) {
return (
);
}
// ── AI pipeline side card (PREVIEW — not wired) ────────────────────────────
// The source-ingestion pipeline (upload .docx/.mp4/.mp3 → AI proposes the
// course structure) is a future feature. This card previews it honestly:
// permanently badged, its action disabled. Course creation is the REAL flow
// on the left — it starts from an empty course.
function NCPipelineCard() {
return (
);
}
Object.assign(window, { SurfaceNewCourse, PIPELINE_PHASES });