diff --git a/ui/src/app/workflow/[workflowId]/RenderWorkflow.tsx b/ui/src/app/workflow/[workflowId]/RenderWorkflow.tsx
index 02a7eb3..aef3a79 100644
--- a/ui/src/app/workflow/[workflowId]/RenderWorkflow.tsx
+++ b/ui/src/app/workflow/[workflowId]/RenderWorkflow.tsx
@@ -447,12 +447,14 @@ function RenderWorkflow({ initialWorkflowName, workflowId, initialFlow, initialT
onRecordingsChange={setRecordings}
/>
-
+ {workflowConfigurations && (
+ saveWorkflowConfigurations(configurations, workflowName)}
+ />
+ )}
);
diff --git a/ui/src/app/workflow/[workflowId]/hooks/useWorkflowState.ts b/ui/src/app/workflow/[workflowId]/hooks/useWorkflowState.ts
index 97daef2..7d6a267 100644
--- a/ui/src/app/workflow/[workflowId]/hooks/useWorkflowState.ts
+++ b/ui/src/app/workflow/[workflowId]/hooks/useWorkflowState.ts
@@ -236,7 +236,7 @@ export const useWorkflowState = ({
initialWorkflowConfigurations,
initialWorkflowConfigurations?.dictionary ?? ''
);
- }, []);
+ }, [workflowId, initialWorkflowName, initialFlow?.nodes, initialFlow?.edges, initialTemplateContextVariables, initialWorkflowConfigurations, initializeWorkflow]);
// Set up keyboard shortcuts for undo/redo
useEffect(() => {
@@ -494,7 +494,7 @@ export const useWorkflowState = ({
logger.error(`Error saving workflow configurations: ${error}`);
throw error;
}
- }, [workflowId, user, setWorkflowConfigurations, setWorkflowName]);
+ }, [workflowId, user, setWorkflowConfigurations]);
// Save dictionary
const saveDictionary = useCallback(async (newDictionary: string) => {
@@ -530,7 +530,7 @@ export const useWorkflowState = ({
// Validate workflow on mount
useEffect(() => {
validateWorkflow();
- }, []);
+ }, [validateWorkflow]);
return {
rfInstance,