Feat/environment variables in workflow (#6515)

Co-authored-by: JzoNg <jzongcode@gmail.com>

web/app/components/workflow/hooks/use-workflow-run.ts

@@ -41,6 +41,7 @@ export const useWorkflowRun = () => {
     const {
       backupDraft,
       setBackupDraft,
+      environmentVariables,
     } = workflowStore.getState()
     const { features } = featuresStore!.getState()
 
@@ -50,6 +51,7 @@ export const useWorkflowRun = () => {
         edges,
         viewport: getViewport(),
         features,
+        environmentVariables,
       })
       doSyncWorkflowDraft()
     }
@@ -59,6 +61,7 @@ export const useWorkflowRun = () => {
     const {
       backupDraft,
       setBackupDraft,
+      setEnvironmentVariables,
     } = workflowStore.getState()
 
     if (backupDraft) {
@@ -67,12 +70,14 @@ export const useWorkflowRun = () => {
         edges,
         viewport,
         features,
+        environmentVariables,
       } = backupDraft
       handleUpdateWorkflowCanvas({
         nodes,
         edges,
         viewport,
       })
+      setEnvironmentVariables(environmentVariables)
       featuresStore!.setState({ features })
       setBackupDraft(undefined)
     }
@@ -522,6 +527,7 @@ export const useWorkflowRun = () => {
       })
       featuresStore?.setState({ features: publishedWorkflow.features })
       workflowStore.getState().setPublishedAt(publishedWorkflow.created_at)
+      workflowStore.getState().setEnvironmentVariables(publishedWorkflow.environment_variables || [])
     }
   }, [featuresStore, handleUpdateWorkflowCanvas, workflowStore])