force re-render fields to pick up custom params usage in instructions (#5112)

This commit is contained in:
Zane
2025-10-10 11:25:12 -07:00
committed by Zane Staggs
parent 0386eba732
commit d3dac11c41
@@ -38,6 +38,16 @@ export function RecipeFormFields({
const [newParameterName, setNewParameterName] = useState('');
const [expandedParameters, setExpandedParameters] = useState<Set<string>>(new Set());
// Force re-render when instructions, prompt, or activities change
const [_forceRender, setForceRender] = useState(0);
React.useEffect(() => {
return form.store.subscribe(() => {
// Force re-render when any form field changes to update parameter usage indicators
setForceRender((prev) => prev + 1);
});
}, [form.store]);
const parseParametersFromInstructions = React.useCallback(
(instructions: string, prompt?: string, activities?: string[]): Parameter[] => {
const instructionVars = extractTemplateVariables(instructions);