{token}
);
}
function PagePrompts() {
const [loading, setLoading] = React.useState(true);
const [saving, setSaving] = React.useState(false);
const [savedAt, setSavedAt] = React.useState(null);
const [error, setError] = React.useState(null);
const [config, setConfig] = React.useState(null); // last-saved from server
const [draft, setDraft] = React.useState(null); // local edits
React.useEffect(() => { load(); }, []);
async function load() {
setLoading(true);
setError(null);
try {
const res = await window.__adminGetPromptConfig({});
const data = res.data || DEFAULT_CONFIG;
setConfig(deepClone(data));
setDraft(deepClone(data));
} catch (e) {
setError(e.message || "Failed to load config");
} finally {
setLoading(false);
}
}
async function save() {
setSaving(true);
setError(null);
try {
await window.__adminSetPromptConfig(draft);
setConfig(deepClone(draft));
setSavedAt(new Date());
} catch (e) {
setError(e.message || "Failed to save config");
} finally {
setSaving(false);
}
}
function setPrompt(value) {
setDraft(d => ({ ...d, systemPromptTemplate: value }));
}
function setAgeField(age, field, value) {
setDraft(d => ({
...d,
ageGuidelines: {
...d.ageGuidelines,
[age]: { ...d.ageGuidelines[age], [field]: value },
},
}));
}
const dirty = draft && config && isDirty(config, draft);
return (
<>