From 4ad60722420e594ac94647d01520610cc88d00bb Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Mon, 28 Oct 2024 05:37:37 -0700
Subject: [PATCH] Rename workflow parameter to input parameter (#1071)

---
 .../src/routes/workflows/RunWorkflowForm.tsx  |  4 +--
 .../src/routes/workflows/WorkflowRun.tsx      |  5 +++-
 .../workflows/WorkflowRunParameters.tsx       | 26 +++++++++----------
 .../panels/WorkflowParameterAddPanel.tsx      |  2 +-
 .../panels/WorkflowParameterEditPanel.tsx     |  2 +-
 .../editor/panels/WorkflowParametersPanel.tsx |  4 +--
 6 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/RunWorkflowForm.tsx b/skyvern-frontend/src/routes/workflows/RunWorkflowForm.tsx
index d6c93238..8aa8e7bc 100644
--- a/skyvern-frontend/src/routes/workflows/RunWorkflowForm.tsx
+++ b/skyvern-frontend/src/routes/workflows/RunWorkflowForm.tsx
@@ -133,7 +133,7 @@ function RunWorkflowForm({ workflowParameters, initialValues }: Props) {
       <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
         <div className="space-y-8 rounded-lg bg-slate-elevation3 px-6 py-5">
           <header>
-            <h1 className="text-lg">Workflow Parameters</h1>
+            <h1 className="text-lg">Input Parameters</h1>
           </header>
           {workflowParameters?.map((parameter) => {
             return (
@@ -198,7 +198,7 @@ function RunWorkflowForm({ workflowParameters, initialValues }: Props) {
             );
           })}
           {workflowParameters.length === 0 && (
-            <div>No workflow parameters for this workflow.</div>
+            <div>This workflow doesn't have any input parameters</div>
           )}
         </div>
 
diff --git a/skyvern-frontend/src/routes/workflows/WorkflowRun.tsx b/skyvern-frontend/src/routes/workflows/WorkflowRun.tsx
index 9e3e3cd4..5781c86e 100644
--- a/skyvern-frontend/src/routes/workflows/WorkflowRun.tsx
+++ b/skyvern-frontend/src/routes/workflows/WorkflowRun.tsx
@@ -493,8 +493,11 @@ function WorkflowRun() {
       {Object.entries(parameters).length > 0 && (
         <div className="space-y-4">
           <header>
-            <h2 className="text-lg font-semibold">Parameters</h2>
+            <h2 className="text-lg font-semibold">Input Parameter Values</h2>
           </header>
+          {Object.entries(parameters).length === 0 && (
+            <div>This workflow doesn't have any input parameters.</div>
+          )}
           {Object.entries(parameters).map(([key, value]) => {
             return (
               <div key={key} className="flex flex-col gap-2">
diff --git a/skyvern-frontend/src/routes/workflows/WorkflowRunParameters.tsx b/skyvern-frontend/src/routes/workflows/WorkflowRunParameters.tsx
index f4532645..420493fe 100644
--- a/skyvern-frontend/src/routes/workflows/WorkflowRunParameters.tsx
+++ b/skyvern-frontend/src/routes/workflows/WorkflowRunParameters.tsx
@@ -63,16 +63,20 @@ function WorkflowRunParameters() {
         {} as Record<string, unknown>,
       );
 
+  const header = (
+    <header className="space-y-5">
+      <h1 className="text-3xl">Parameters</h1>
+      <h2 className="text-lg text-slate-400">
+        Fill the placeholder values that you have linked throughout your
+        workflow.
+      </h2>
+    </header>
+  );
+
   if (isFetching) {
     return (
       <div className="space-y-8">
-        <header className="space-y-5">
-          <h1 className="text-3xl">Run Parameters</h1>
-          <h2 className="text-lg text-slate-400">
-            Fill the placeholder values that you have linked throughout your
-            workflow.
-          </h2>
-        </header>
+        {header}
         <Skeleton className="h-96 w-full" />
       </div>
     );
@@ -84,13 +88,7 @@ function WorkflowRunParameters() {
 
   return (
     <div className="space-y-8">
-      <header className="space-y-5">
-        <h1 className="text-3xl">Run Parameters</h1>
-        <h2 className="text-lg text-slate-400">
-          Fill the placeholder values that you have linked throughout your
-          workflow.
-        </h2>
-      </header>
+      {header}
       <RunWorkflowForm
         initialValues={initialValues}
         workflowParameters={workflowParameters}
diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx
index 8a067393..35474ecd 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterAddPanel.tsx
@@ -36,7 +36,7 @@ const workflowParameterTypeOptions = [
 
 function header(type: "workflow" | "credential" | "context") {
   if (type === "workflow") {
-    return "Add Workflow Parameter";
+    return "Add Input Parameter";
   }
   if (type === "credential") {
     return "Add Credential Parameter";
diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
index cb181425..251ab003 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParameterEditPanel.tsx
@@ -37,7 +37,7 @@ const workflowParameterTypeOptions = [
 
 function header(type: "workflow" | "credential" | "context") {
   if (type === "workflow") {
-    return "Edit Workflow Parameter";
+    return "Edit Input Parameter";
   }
   if (type === "credential") {
     return "Edit Credential Parameter";
diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx
index b03e9a8c..837d443d 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowParametersPanel.tsx
@@ -54,7 +54,7 @@ function WorkflowParametersPanel() {
     <div className="relative w-[25rem] rounded-xl border border-slate-700 bg-slate-950 p-5 shadow-xl">
       <div className="space-y-4">
         <header>
-          <h1 className="text-lg">Workflow Parameters</h1>
+          <h1 className="text-lg">Parameters</h1>
           <span className="text-sm text-slate-400">
             Create placeholder values that you can link in nodes. You will be
             prompted to fill them in before running your workflow.
@@ -79,7 +79,7 @@ function WorkflowParametersPanel() {
                 });
               }}
             >
-              Workflow Parameter
+              Input Parameter
             </DropdownMenuItem>
             <DropdownMenuItem
               onClick={() => {