/* ============================================================
CURIO — Conversational AI course creator
============================================================ */
/* ---------- Reorder helper ---------- */
function reorderArray(arr, fromIdx, toIdx) {
const a = arr.slice();
const [item] = a.splice(fromIdx, 1);
// Adjust toIdx if removing the item shifts subsequent indices
const adjusted = toIdx > fromIdx ? toIdx - 1 : toIdx;
a.splice(adjusted, 0, item);
return a;
}
/* ---------- Course generation templates ---------- */
const MOD_TEMPLATES = [
{ t: 'Foundations of {S}', ls: ['Why {S} matters', 'Core concepts & vocabulary', 'Building your mental model'] },
{ t: 'Getting Hands-On', ls: ['Your first exercise', 'Common beginner mistakes', 'Practice checkpoint'] },
{ t: 'Core Techniques', ls: ['The essential toolkit', 'A step-by-step walkthrough', 'When to use what'] },
{ t: 'Going Deeper', ls: ['Intermediate strategies', 'A real-world case study', 'Avoiding the pitfalls'] },
{ t: 'Applied {S}', ls: ['A complete worked example', 'Adapting it to your context', 'Module project'] },
{ t: 'Advanced Patterns', ls: ['Pro-level methods', 'Edge cases & nuance', 'Quality & polish'] },
{ t: 'Putting It Together', ls: ['Build your own project', 'Review & reflection', 'Where to go next'] },
{ t: 'Mastery & Next Steps', ls: ['The final capstone', 'Self-assessment', 'Continuing the journey'] },
];
const shortTopic = (t) => t.replace(/^(intro(duction)? to|the|a|an|learn|mastering|basics of)\s+/i, '').replace(/\s+for .+$/i, '').trim() || t;
const DURS = ['6m', '8m', '7m', '9m', '11m', '10m', '7m', '12m', '8m'];
function buildCourse(topic, n, cat) {
const S = shortTopic(topic);
const modules = MOD_TEMPLATES.slice(0, n).map((m, mi) => {
const lessons = m.ls.map((l, li) => ({ title: l.replace(/\{S\}/g, S), type: 'lesson', dur: DURS[(mi * 3 + li) % DURS.length] }));
lessons.push({ title: `Module ${mi + 1} quiz`, type: 'quiz', dur: '5m' });
return { title: m.t.replace(/\{S\}/g, S.charAt(0).toUpperCase() + S.slice(1)), lessons };
});
return { title: topic, cat: cat || 'data', modules, level: 'Beginner', hours: (n * 0.8).toFixed(1) };
}
/* sample written lesson / quiz / notes for preview */
const SAMPLE_LESSON = {
title: 'Core concepts & vocabulary',
body: [
{ h: 'The big idea' },
{ p: 'Before we touch any tools, let’s build a shared vocabulary. Every field has a handful of words that unlock everything else — get these right and the rest of the course will feel intuitive rather than intimidating.' },
{ h: 'Three terms to know' },
{ list: ['**Primitive** — the smallest useful unit you’ll work with. Everything is composed from these.', '**Pattern** — a repeatable way of combining primitives to solve a recurring problem.', '**Constraint** — the rules that make a solution valid. Constraints aren’t limits; they’re what make good choices obvious.'] },
{ p: 'Keep these in mind as you go. We’ll return to each one with concrete examples in the next lesson.' },
{ callout: 'Tip: Don’t memorize definitions. Instead, try to spot each term “in the wild” as you work through the exercises.' },
],
};
const SAMPLE_QUIZ = {
q: 'Which of the following best describes a “constraint” as introduced in this module?',
options: ['A bug that prevents your work from running', 'A rule that defines whether a solution is valid', 'The smallest unit you can work with', 'A type of advanced technique'],
correct: 1,
why: 'A constraint is a rule that makes a solution valid. Far from being a limitation, constraints narrow your options so the right choice becomes clear.',
};
const SAMPLE_NOTES = [
'Open with a relatable example of the topic before defining anything.',
'Emphasize that vocabulary is a tool for thinking, not a test.',
'Pause after the three terms — ask learners to name one example of each.',
'Transition: “Now that we share a language, let’s use it.”',
];
/* ---------- Chat message ---------- */
function ChatMsg({ m, onChip }) {
if (m.role === 'user') return (
);
})}
{/* trailing drop indicator after the last lesson row */}
{lessonDragEnabled && lessonDraggingIdx >= 0 && lessonOverIdx === orderedLessonRows.length && (
)}
{/* invisible trailing dropzone for the very end (matches lesson-only insert at tail) */}
{lessonDragEnabled && (