Feat/environment variables in workflow (#6515)

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

web/i18n/en-US/workflow.ts

@@ -19,7 +19,7 @@ const translation = {
     goBackToEdit: 'Go back to editor',
     conversationLog: 'Conversation Log',
     features: 'Features',
-    debugAndPreview: 'Debug and Preview',
+    debugAndPreview: 'Preview',
     restart: 'Restart',
     currentDraft: 'Current Draft',
     currentDraftUnpublished: 'Current Draft Unpublished',
@@ -78,6 +78,27 @@ const translation = {
     importFailure: 'Import failure',
     importSuccess: 'Import success',
   },
+  env: {
+    envPanelTitle: 'Environment Variables',
+    envDescription: 'Environment variables can be used to store private information and credentials. They are read-only and can be separated from the DSL file during export.',
+    envPanelButton: 'Add Variable',
+    modal: {
+      title: 'Add Environment Variable',
+      editTitle: 'Edit Environment Variable',
+      type: 'Type',
+      name: 'Name',
+      namePlaceholder: 'env name',
+      value: 'Value',
+      valuePlaceholder: 'env value',
+      secretTip: 'Used to define sensitive information or data, with DSL settings configured for leak prevention.',
+    },
+    export: {
+      title: 'Export Secret environment variables?',
+      checkbox: 'Export secret values',
+      ignore: 'Export DSL',
+      export: 'Export DSL with secret values ',
+    },
+  },
   changeHistory: {
     title: 'Change History',
     placeholder: 'You haven\'t changed anything yet',