Context parameters in UI

[ykeremy]

Important

Add support for context parameters in the workflow editor UI, including new components and refactoring for improved parameter and node label handling.

• Behavior:
  • Add SourceParameterKeySelector component for selecting context and output parameter keys.
  • Support context parameters in WorkflowParameterAddPanel and WorkflowParameterEditPanel.
  • Update FlowRenderer to handle context parameters in convertToParametersYAML().
• Node Handling:
  • Refactor node label change handling using useNodeLabelChangeHandler hook.
  • Update nodes like CodeBlockNode, DownloadNode, FileParserNode, etc., to use the new label change handler.
• Parameter Management:
  • Add context parameter type to ParametersState in FlowRenderer.
  • Update WorkflowParametersPanel to manage context parameters.
• Utilities:
  • Add getUpdatedParametersAfterLabelUpdateForSourceParameterKey() in workflowEditorUtils.
  • Refactor HorizontallyResizingInput to use ComponentPropsWithoutRef.

^{This description was created by for 6d31312. It will automatically update as commits are pushed.}

[ellipsis-dev]

👍 Looks good to me! Reviewed everything up to 6d31312 in 29 seconds

More details

• Looked at 1129 lines of code in 18 files
• Skipped 0 files when reviewing.
• Skipped posting 1 drafted comments based on config settings.

1. skyvern-frontend/src/routes/workflows/editor/workflowEditorUtils.ts:724

• Draft comment:
  The return statement should use newOutputParameterKey instead of oldOutputParameterKey to correctly update the parameter with the new label.

            : parameter.sourceParameterKey,

• Reason this comment was not posted:
  Comment looked like it was already resolved.

Workflow ID: wflow_j7HC9t2k9bOT4jrV

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[ellipsis-dev]

👍 Looks good to me! Incremental review on 6d31312 in 47 seconds

More details

• Looked at 1129 lines of code in 18 files
• Skipped 0 files when reviewing.
• Skipped posting 4 drafted comments based on config settings.

1. skyvern-frontend/src/routes/workflows/editor/workflowEditorUtils.ts:725

• Draft comment:
  The return statement should use newOutputParameterKey instead of oldOutputParameterKey when the sourceParameterKey matches oldOutputParameterKey.
• Reason this comment was not posted:
  Comment looked like it was already resolved.

2. skyvern-frontend/src/routes/workflows/editor/workflowEditorUtils.ts:650

• Draft comment:
  The convertEchoParameters function should handle ContextParameter to ensure context parameters are echoed back correctly.
• Reason this comment was not posted:
  Marked as duplicate.

3. skyvern-frontend/src/routes/workflows/editor/WorkflowEditor.tsx:70

• Draft comment:
  Use parameter.sourceParameterKey instead of parameter.source.key to access the source parameter key.
• Reason this comment was not posted:
  Marked as duplicate.

4. skyvern-frontend/src/routes/workflows/editor/FlowRenderer.tsx:89

• Draft comment:
  Ensure source_parameter_key is set from parameter.sourceParameterKey for ContextParameter.
• Reason this comment was not posted:
  Comment did not seem useful.

Workflow ID: wflow_VGAbvq3N02felLPS

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.