{tab === 'design' && 'Author the project\u2019s questions. Every change is autosaved as a draft — reviewers won\u2019t see it until you publish to a stage.'}
{tab === 'assign' && 'Pick which questions apply to a given stage. Publishing a stage promotes its draft assignments — and any draft question edits — into a new immutable version.'}
{tab === 'preview' && 'Simulate the reviewer\u2019s extraction session for a given stage. No data is saved.'}
setDraftHistoryOpen(true)}/>
{tab === 'design' && (
)}
{tab === 'assign' && (
setPublishWizardFor(stageId)}
/>
)}
{tab === 'preview' && (
setPublishWizardFor(stageId)}
/>
)}
{publishWizardFor && (
setPublishWizardFor(null)}
onPublish={() => {
// mark as published in fixture
setTree(prev => {
const next = {};
for (const cat of Object.keys(prev)) {
next[cat] = qmFlattenCat(prev[cat]).reduce((acc, n) => acc, prev[cat]);
next[cat] = (function bump(nodes) {
return nodes.map(n => {
let m = n;
if (m.lifecycle === 'published-changed' && (m.assignedStages || []).includes(publishWizardFor)) {
const last = (m.versions || [])[0];
m = {
...m,
lifecycle: 'published',
draftChanges: undefined,
draftSource: undefined,
versions: [
v((last?.n || 0) + 1, '2026-04-25', 'You', 'Published from Assign'),
...(m.versions || []),
],
};
}
if (m.children) m = { ...m, children: bump(m.children) };
return m;
});
})(prev[cat]);
}
return next;
});
setPublishWizardFor(null);
}}
/>
)}
{draftHistoryOpen && setDraftHistoryOpen(false)}/>}
);
}
// ═══════════════════════════════════════════════════════════════
// Save status (header chip)
// ═══════════════════════════════════════════════════════════════
function QMSaveStatus({ state, onOpenHistory }) {
const map = {
saving: { ic: 'sync', tx: 'Saving\u2026', cls: '' },
saved: { ic: 'cloud_done', tx: 'All changes saved', cls: '' },
offline: { ic: 'cloud_off', tx: 'Offline — saved locally', cls: 'is-warn' },
};
const s = map[state] || map.saved;
return (