diff --git a/web/src/RouteDestinations.tsx b/web/src/RouteDestinations.tsx
index 06fe973d3..2a6752dcf 100644
--- a/web/src/RouteDestinations.tsx
+++ b/web/src/RouteDestinations.tsx
@@ -31,7 +31,7 @@ import { useFeatureFlag } from 'hooks/useFeatureFlag'
 import ExecutionList from 'pages/ExecutionList/ExecutionList'
 import Execution from 'pages/Execution/Execution'
 import Secret from 'pages/Secret/Secret'
-import NewPipeline from 'pages/NewPipeline/NewPipeline'
+import AddUpdatePipeline from 'pages/AddUpdatePipeline/AddUpdatePipeline'
 
 export const RouteDestinations: React.FC = React.memo(function RouteDestinations() {
   const { getString } = useStrings()
@@ -189,7 +189,7 @@ export const RouteDestinations: React.FC = React.memo(function RouteDestinations
         {OPEN_SOURCE_PIPELINES && (
           <Route path={routes.toCODEPipelineEdit({ repoPath, pipeline: pathProps.pipeline })} exact>
             <LayoutWithSideNav title={getString('pageTitle.pipelines')}>
-              <NewPipeline />
+              <AddUpdatePipeline />
             </LayoutWithSideNav>
           </Route>
         )}
diff --git a/web/src/pages/NewPipeline/NewPipeline.module.scss b/web/src/pages/AddUpdatePipeline/AddUpdatePipeline.module.scss
similarity index 100%
rename from web/src/pages/NewPipeline/NewPipeline.module.scss
rename to web/src/pages/AddUpdatePipeline/AddUpdatePipeline.module.scss
diff --git a/web/src/pages/NewPipeline/NewPipeline.module.scss.d.ts b/web/src/pages/AddUpdatePipeline/AddUpdatePipeline.module.scss.d.ts
similarity index 100%
rename from web/src/pages/NewPipeline/NewPipeline.module.scss.d.ts
rename to web/src/pages/AddUpdatePipeline/AddUpdatePipeline.module.scss.d.ts
diff --git a/web/src/pages/NewPipeline/NewPipeline.tsx b/web/src/pages/AddUpdatePipeline/AddUpdatePipeline.tsx
similarity index 92%
rename from web/src/pages/NewPipeline/NewPipeline.tsx
rename to web/src/pages/AddUpdatePipeline/AddUpdatePipeline.tsx
index f03cfc3ef..09e891b2a 100644
--- a/web/src/pages/NewPipeline/NewPipeline.tsx
+++ b/web/src/pages/AddUpdatePipeline/AddUpdatePipeline.tsx
@@ -15,9 +15,12 @@ import type { CODEProps } from 'RouteDefinitions'
 import { getErrorMessage } from 'utils/Utils'
 import pipelineSchema from './schema/pipeline-schema.json'
 
-import css from './NewPipeline.module.scss'
+import css from './AddUpdatePipeline.module.scss'
 
-const NewPipeline = (): JSX.Element => {
+const starterPipelineAsString =
+  'stages:\n- type: ci\n  spec:\n    steps:\n    - type: script\n      spec:\n        run: echo hello world'
+
+const AddUpdatePipeline = (): JSX.Element => {
   const { routes } = useAppContext()
   const { getString } = useStrings()
   const { pipeline } = useParams<CODEProps>()
@@ -87,9 +90,7 @@ const NewPipeline = (): JSX.Element => {
               <MonacoSourceCodeEditor
                 language={'yaml'}
                 schema={pipelineSchema}
-                source={
-                  'stages:\n- type: ci\n  spec:\n    steps:\n    - type: script\n      spec:\n        run: echo hello world'
-                }
+                source={starterPipelineAsString}
                 onChange={(value: string) => setPipelineAsYaml(value)}
               />
             </Container>
@@ -103,4 +104,4 @@ const NewPipeline = (): JSX.Element => {
   )
 }
 
-export default NewPipeline
+export default AddUpdatePipeline
diff --git a/web/src/pages/NewPipeline/NewPipelineModal.tsx b/web/src/pages/AddUpdatePipeline/NewPipelineModal.tsx
similarity index 100%
rename from web/src/pages/NewPipeline/NewPipelineModal.tsx
rename to web/src/pages/AddUpdatePipeline/NewPipelineModal.tsx
diff --git a/web/src/pages/NewPipeline/schema/pipeline-schema.json b/web/src/pages/AddUpdatePipeline/schema/pipeline-schema.json
similarity index 100%
rename from web/src/pages/NewPipeline/schema/pipeline-schema.json
rename to web/src/pages/AddUpdatePipeline/schema/pipeline-schema.json
diff --git a/web/src/pages/PipelineList/PipelineList.tsx b/web/src/pages/PipelineList/PipelineList.tsx
index 0d6f71aa8..7d1a6936b 100644
--- a/web/src/pages/PipelineList/PipelineList.tsx
+++ b/web/src/pages/PipelineList/PipelineList.tsx
@@ -36,7 +36,7 @@ import { getStatus } from 'utils/PipelineUtils'
 import { PipeSeparator } from 'components/PipeSeparator/PipeSeparator'
 import noPipelineImage from '../RepositoriesListing/no-repo.svg'
 import css from './PipelineList.module.scss'
-import useNewPipelineModal from 'pages/NewPipeline/NewPipelineModal'
+import useNewPipelineModal from 'pages/AddUpdatePipeline/NewPipelineModal'
 
 const PipelineList = () => {
   const { routes } = useAppContext()