feat: auto fill existing ExecutionInput when click StartExecution from ExecutionDetails tab.

Author: Zelin Zhou

packages/core/src/stepFunctions/vue/executeStateMachine/executeStateMachine.vue

@@ -62,7 +62,7 @@ export default defineComponent({
     async created() {
         this.initialData = (await client.init()) ?? this.initialData
         if (this.initialData.executionInput) {
-            this.executionInput = this.initialData.executionInput
+            this.executionInput = this.formatJson(this.initialData.executionInput)
         }
     },
     data: () => ({
@@ -110,7 +110,7 @@ export default defineComponent({
                 reader.onload = (event) => {
                     if (event.target) {
                         const result = event.target.result
-                        this.executionInput = result as string
+                        this.executionInput = this.formatJson(result as string)
                     }
                 } // desired file content
                 reader.onerror = (error) => {
@@ -121,6 +121,15 @@ export default defineComponent({
                 this.textAreaVisible = true
             }
         },
+        formatJson: function (jsonString: string): string {
+            try {
+                const parsed = JSON.parse(jsonString)
+                return JSON.stringify(parsed, null, 2)
+            } catch (error) {
+                console.warn('Failed to format JSON:', error)
+                return jsonString
+            }
+        },
         sendInput: function () {
             client.executeStateMachine(this.executionInput || '{}')
         },