have a feature flag to decide if we should disable user_goal_check (#1192)

skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNodeParametersPanel.tsx

@@ -0,0 +1,45 @@
+import { MultiSelect } from "@/components/ui/multi-select";
+import { useWorkflowParametersState } from "../../useWorkflowParametersState";
+import { HelpTooltip } from "@/components/HelpTooltip";
+import { helpTooltipContent } from "./types";
+
+type Props = {
+  availableOutputParameters: Array<string>;
+  parameters: Array<string>;
+  onParametersChange: (parameters: Array<string>) => void;
+};
+
+function TaskNodeParametersPanel({
+  availableOutputParameters,
+  parameters,
+  onParametersChange,
+}: Props) {
+  const [workflowParameters] = useWorkflowParametersState();
+  const keys = workflowParameters
+    .map((parameter) => parameter.key)
+    .concat(availableOutputParameters);
+
+  const options = keys.map((key) => {
+    return {
+      label: key,
+      value: key,
+    };
+  });
+
+  return (
+    <div className="space-y-2">
+      <header className="flex gap-2">
+        <h1 className="text-xs text-slate-300">Parameters</h1>
+        <HelpTooltip content={helpTooltipContent["parameters"]} />
+      </header>
+      <MultiSelect
+        value={parameters}
+        onValueChange={onParametersChange}
+        options={options}
+        maxCount={50}
+      />
+    </div>
+  );
+}
+
+export { TaskNodeParametersPanel };