Modifications to Step Functions Execution view (#986)

Authored-by: Vaib Suri <[email protected]>

Lowering the opacity of the placeholder text to ensure it is clear that it is placeholder text, and not actual input.

If no input is provided, considering it as undefined instead of an empty string for the state machine execution.

Author: vaib-amz

media/css/executeStateMachine.css

@@ -15,6 +15,10 @@ textarea[readonly] {
     background-color: var(--vscode-textCodeBlock-background);
 }
 
+::placeholder {
+    opacity: 0.5;
+}
+
 input[type='submit'] {
     background-color: var(--vscode-button-background);
     border: none;

src/stepFunctions/commands/executeStateMachine.ts

@@ -105,7 +105,7 @@ function createMessageReceivedFunc({
                     )
                     const startExecResponse = await client.executeStateMachine(
                         stateMachine.details.stateMachineArn,
-                        message.value
+                        message.value || undefined
                     )
                     logger.info('Successfully started execution for Step Functions State Machine')
                     outputChannel.appendLine(