From 202f240534f3d5c7185b706fee1c80a4f7e6d1fc Mon Sep 17 00:00:00 2001
From: "red-hat-konflux[bot]"
 <126015336+red-hat-konflux[bot]@users.noreply.github.com>
Date: Sat, 14 Dec 2024 08:09:31 +0000
Subject: [PATCH 1/4] chore(deps): update konflux references

Signed-off-by: red-hat-konflux <126015336+red-hat-konflux[bot]@users.noreply.github.com>
---
 .../forklift-console-plugin-pull-request.yaml  | 18 +++++++++---------
 .tekton/forklift-console-plugin-push.yaml      | 18 +++++++++---------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/.tekton/forklift-console-plugin-pull-request.yaml b/.tekton/forklift-console-plugin-pull-request.yaml
index 46e91896..bb5a4c47 100644
--- a/.tekton/forklift-console-plugin-pull-request.yaml
+++ b/.tekton/forklift-console-plugin-pull-request.yaml
@@ -134,7 +134,7 @@ spec:
         - name: name
           value: init
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-init:0.2@sha256:0523b51c28375a3f222da91690e22eff11888ebc98a0c73c468af44762265c69
+          value: quay.io/konflux-ci/tekton-catalog/task-init:0.2@sha256:60063fefe88e111d129cb59caff97c912722927c8a0f750253553d4c527a2396
         - name: kind
           value: task
         resolver: bundles
@@ -225,7 +225,7 @@ spec:
         - name: name
           value: buildah-oci-ta
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-buildah-oci-ta:0.2@sha256:decef0e000a05daad9dd43b707c8b3a96b6125ff5a4ee096fd3e8c23a2881b9e
+          value: quay.io/konflux-ci/tekton-catalog/task-buildah-oci-ta:0.2@sha256:e0f1ec1ec43ba0f9533dd70fe76a3c24ac3ca14ddd83036099c8073c94dc8258
         - name: kind
           value: task
         resolver: bundles
@@ -254,7 +254,7 @@ spec:
         - name: name
           value: build-image-index
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-build-image-index:0.1@sha256:a89c141c8d35b2e9d9904c92c9b128f7ccf36681adac7f7422b4537b8bb077e7
+          value: quay.io/konflux-ci/tekton-catalog/task-build-image-index:0.1@sha256:37328a4b2fc686435531ba423c26c2051822a4e70b06088c4d8eaf0e8fa6d65b
         - name: kind
           value: task
         resolver: bundles
@@ -304,7 +304,7 @@ spec:
         - name: name
           value: deprecated-image-check
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-deprecated-image-check:0.4@sha256:5a1a165fa02270f0a947d8a2131ee9d8be0b8e9d34123828c2bef589e504ee84
+          value: quay.io/konflux-ci/tekton-catalog/task-deprecated-image-check:0.4@sha256:f8efb0b22692fad908a1a75f8d5c0b6ed3b0bcd2a9853577e7be275e5bac1bb8
         - name: kind
           value: task
         resolver: bundles
@@ -326,7 +326,7 @@ spec:
         - name: name
           value: clair-scan
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-clair-scan:0.2@sha256:0a5421111e7092740398691d5bd7c125cc0896f29531d19414bb5724ae41692a
+          value: quay.io/konflux-ci/tekton-catalog/task-clair-scan:0.2@sha256:e428b37d253621365ffb24d4053e5f3141988ae6a30fce1c8ba73b7211396eb0
         - name: kind
           value: task
         resolver: bundles
@@ -372,7 +372,7 @@ spec:
         - name: name
           value: sast-snyk-check-oci-ta
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-sast-snyk-check-oci-ta:0.3@sha256:1119722a2d31b831d1aa336fd8cced0a5016c95466b6b59a58bbf3585735850f
+          value: quay.io/konflux-ci/tekton-catalog/task-sast-snyk-check-oci-ta:0.3@sha256:6d232347739a0366dcfc4e40afbcb5d1937dd3fea8952afb1bd6a4b0c5d1c1f5
         - name: kind
           value: task
         resolver: bundles
@@ -394,7 +394,7 @@ spec:
         - name: name
           value: clamav-scan
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-clamav-scan:0.2@sha256:6e08cf608240f57442ca5458f3c0dade3558f4f2953be8ea939232f5d5378d58
+          value: quay.io/konflux-ci/tekton-catalog/task-clamav-scan:0.2@sha256:d78221853f7ff2befc6669dd0eeb91e6611ae84ac7754150ea0f071d92ff41cb
         - name: kind
           value: task
         resolver: bundles
@@ -414,7 +414,7 @@ spec:
         - name: name
           value: apply-tags
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-apply-tags:0.1@sha256:87fd7fc0e937aad1a8db9b6e377d7e444f53394dafde512d68adbea6966a4702
+          value: quay.io/konflux-ci/tekton-catalog/task-apply-tags:0.1@sha256:0767c115d4ba4854d106c9cdfabdc1f1298bc2742a3fea4fefbac4b9c5873d6e
         - name: kind
           value: task
         resolver: bundles
@@ -454,7 +454,7 @@ spec:
         - name: name
           value: rpms-signature-scan
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-rpms-signature-scan:0.2@sha256:8f3b23bf1b0ef55cc79d28604d2397a0101ac9c0c42ae26e26532eb2778c801b
+          value: quay.io/konflux-ci/tekton-catalog/task-rpms-signature-scan:0.2@sha256:ec536e55a039052823ba74e07db3175554fb046649671d1fefd776ca064d00ac
         - name: kind
           value: task
         resolver: bundles
diff --git a/.tekton/forklift-console-plugin-push.yaml b/.tekton/forklift-console-plugin-push.yaml
index 9d0a4646..3a856910 100644
--- a/.tekton/forklift-console-plugin-push.yaml
+++ b/.tekton/forklift-console-plugin-push.yaml
@@ -133,7 +133,7 @@ spec:
         - name: name
           value: init
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-init:0.2@sha256:0523b51c28375a3f222da91690e22eff11888ebc98a0c73c468af44762265c69
+          value: quay.io/konflux-ci/tekton-catalog/task-init:0.2@sha256:60063fefe88e111d129cb59caff97c912722927c8a0f750253553d4c527a2396
         - name: kind
           value: task
         resolver: bundles
@@ -224,7 +224,7 @@ spec:
         - name: name
           value: buildah-oci-ta
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-buildah-oci-ta:0.2@sha256:decef0e000a05daad9dd43b707c8b3a96b6125ff5a4ee096fd3e8c23a2881b9e
+          value: quay.io/konflux-ci/tekton-catalog/task-buildah-oci-ta:0.2@sha256:e0f1ec1ec43ba0f9533dd70fe76a3c24ac3ca14ddd83036099c8073c94dc8258
         - name: kind
           value: task
         resolver: bundles
@@ -253,7 +253,7 @@ spec:
         - name: name
           value: build-image-index
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-build-image-index:0.1@sha256:a89c141c8d35b2e9d9904c92c9b128f7ccf36681adac7f7422b4537b8bb077e7
+          value: quay.io/konflux-ci/tekton-catalog/task-build-image-index:0.1@sha256:37328a4b2fc686435531ba423c26c2051822a4e70b06088c4d8eaf0e8fa6d65b
         - name: kind
           value: task
         resolver: bundles
@@ -303,7 +303,7 @@ spec:
         - name: name
           value: deprecated-image-check
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-deprecated-image-check:0.4@sha256:5a1a165fa02270f0a947d8a2131ee9d8be0b8e9d34123828c2bef589e504ee84
+          value: quay.io/konflux-ci/tekton-catalog/task-deprecated-image-check:0.4@sha256:f8efb0b22692fad908a1a75f8d5c0b6ed3b0bcd2a9853577e7be275e5bac1bb8
         - name: kind
           value: task
         resolver: bundles
@@ -325,7 +325,7 @@ spec:
         - name: name
           value: clair-scan
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-clair-scan:0.2@sha256:0a5421111e7092740398691d5bd7c125cc0896f29531d19414bb5724ae41692a
+          value: quay.io/konflux-ci/tekton-catalog/task-clair-scan:0.2@sha256:e428b37d253621365ffb24d4053e5f3141988ae6a30fce1c8ba73b7211396eb0
         - name: kind
           value: task
         resolver: bundles
@@ -371,7 +371,7 @@ spec:
         - name: name
           value: sast-snyk-check-oci-ta
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-sast-snyk-check-oci-ta:0.3@sha256:1119722a2d31b831d1aa336fd8cced0a5016c95466b6b59a58bbf3585735850f
+          value: quay.io/konflux-ci/tekton-catalog/task-sast-snyk-check-oci-ta:0.3@sha256:6d232347739a0366dcfc4e40afbcb5d1937dd3fea8952afb1bd6a4b0c5d1c1f5
         - name: kind
           value: task
         resolver: bundles
@@ -393,7 +393,7 @@ spec:
         - name: name
           value: clamav-scan
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-clamav-scan:0.2@sha256:6e08cf608240f57442ca5458f3c0dade3558f4f2953be8ea939232f5d5378d58
+          value: quay.io/konflux-ci/tekton-catalog/task-clamav-scan:0.2@sha256:d78221853f7ff2befc6669dd0eeb91e6611ae84ac7754150ea0f071d92ff41cb
         - name: kind
           value: task
         resolver: bundles
@@ -413,7 +413,7 @@ spec:
         - name: name
           value: apply-tags
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-apply-tags:0.1@sha256:87fd7fc0e937aad1a8db9b6e377d7e444f53394dafde512d68adbea6966a4702
+          value: quay.io/konflux-ci/tekton-catalog/task-apply-tags:0.1@sha256:0767c115d4ba4854d106c9cdfabdc1f1298bc2742a3fea4fefbac4b9c5873d6e
         - name: kind
           value: task
         resolver: bundles
@@ -453,7 +453,7 @@ spec:
         - name: name
           value: rpms-signature-scan
         - name: bundle
-          value: quay.io/konflux-ci/tekton-catalog/task-rpms-signature-scan:0.2@sha256:8f3b23bf1b0ef55cc79d28604d2397a0101ac9c0c42ae26e26532eb2778c801b
+          value: quay.io/konflux-ci/tekton-catalog/task-rpms-signature-scan:0.2@sha256:ec536e55a039052823ba74e07db3175554fb046649671d1fefd776ca064d00ac
         - name: kind
           value: task
         resolver: bundles

From 60b5a76b9b9e67b0e3fddbd2e46ae3512a37ebf4 Mon Sep 17 00:00:00 2001
From: Sharon Gratch <sgratch@redhat.com>
Date: Thu, 12 Dec 2024 18:43:20 +0200
Subject: [PATCH 2/4] Refactoring: replace plan phases strigs with const enums

Reference: https://github.com/kubev2v/forklift-console-plugin/pull/1395#discussion_r1861292874

Signed-off-by: Sharon Gratch <sgratch@redhat.com>
---
 .../en/plugin__forklift-console-plugin.json   |   6 +
 .../actions/PlanActionsDropdownItems.tsx      |   5 +-
 .../src/modules/Plans/modals/ArchiveModal.tsx |   6 +-
 .../modules/Plans/modals/PlanDeleteModal.tsx  |   6 +-
 .../Plans/utils/constants/planPhases.ts       |  24 ++--
 .../Plans/utils/helpers/getPhaseLabel.ts      |  30 -----
 .../Plans/utils/helpers/getPlanPhase.ts       |  42 +++----
 .../utils/helpers/getPlanProgressVariant.ts   |  14 +--
 .../src/modules/Plans/utils/helpers/index.ts  |   1 -
 .../modules/Plans/utils/types/PlanPhase.ts    |  39 ++++---
 .../components/MigrationsTable.tsx            |  11 +-
 .../details/components/PlanPageHeadings.tsx   |   4 +-
 .../views/list/components/ErrorStatusCell.tsx |   4 +-
 .../views/list/components/PlanStatusCell.tsx  |  12 +-
 .../views/list/components/StatusCell.tsx      |  29 +++++
 .../views/list/components/VMsProgressCell.tsx | 103 ++++++++++++++++++
 16 files changed, 229 insertions(+), 107 deletions(-)
 delete mode 100644 packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPhaseLabel.ts
 create mode 100644 packages/forklift-console-plugin/src/modules/Plans/views/list/components/StatusCell.tsx
 create mode 100644 packages/forklift-console-plugin/src/modules/Plans/views/list/components/VMsProgressCell.tsx

diff --git a/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json b/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json
index 5826254a..7dbce1ba 100644
--- a/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json
+++ b/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json
@@ -1,15 +1,19 @@
 {
   "{{Canceled}} canceled": "{{Canceled}} canceled",
+  "{{canceled}} VMs canceled": "{{canceled}} VMs canceled",
   "{{completed}} / {{total}}": "{{completed}} / {{total}}",
   "{{dateLabel}} Failed: {{value}}": "{{dateLabel}} Failed: {{value}}",
   "{{dateLabel}} Running: {{value}}": "{{dateLabel}} Running: {{value}}",
   "{{dateLabel}} Succeeded: {{value}}": "{{dateLabel}} Succeeded: {{value}}",
+  "{{error}} VMs failed": "{{error}} VMs failed",
   "{{label}} field is missing from the secret data.": "{{label}} field is missing from the secret data.",
   "{{name}} Details": "{{name}} Details",
   "{{selectedLength}} hosts selected.": "{{selectedLength}} hosts selected.",
   "{{success}} of {{total}} VMs migrated": "{{success}} of {{total}} VMs migrated",
+  "{{success}} VMs succeeded": "{{success}} VMs succeeded",
   "{{total}} VM": "{{total}} VM",
   "{{total}} VM_plural": "{{total}} VMs",
+  "{{total}} VMs": "{{total}} VMs",
   "{{vmCount}} VMs selected ": "{{vmCount}} VMs selected ",
   "{children}": "{children}",
   "24 hours": "24 hours",
@@ -454,6 +458,7 @@
   "Start migration": "Start migration",
   "Started at": "Started at",
   "Status": "Status",
+  "Status details": "Status details",
   "Storage": "Storage",
   "Storage classes": "Storage classes",
   "Storage domains": "Storage domains",
@@ -508,6 +513,7 @@
   "Token": "Token",
   "Total CPU count:": "Total CPU count:",
   "Total memory:": "Total memory:",
+  "Total of {{total}} VMs are planned for migration:": "Total of {{total}} VMs are planned for migration:",
   "Total virtual machines": "Total virtual machines",
   "Total: {{length}}": "Total: {{length}}",
   "Transfer Network": "Transfer Network",
diff --git a/packages/forklift-console-plugin/src/modules/Plans/actions/PlanActionsDropdownItems.tsx b/packages/forklift-console-plugin/src/modules/Plans/actions/PlanActionsDropdownItems.tsx
index 3d22954f..541d95c1 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/actions/PlanActionsDropdownItems.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/actions/PlanActionsDropdownItems.tsx
@@ -21,6 +21,7 @@ import {
   isPlanArchived,
   isPlanExecuting,
   PlanData,
+  PlanPhase,
 } from '../utils';
 
 export const PlanActionsDropdownItems = ({ data }: PlanActionsDropdownItemsProps) => {
@@ -93,7 +94,9 @@ export const PlanActionsDropdownItems = ({ data }: PlanActionsDropdownItemsProps
 
     <DropdownItem
       key="archive"
-      isDisabled={!data?.permissions?.canDelete || ['Archived', 'Archiving'].includes(phase)}
+      isDisabled={
+        !data?.permissions?.canDelete || [PlanPhase.Archived, PlanPhase.Archiving].includes(phase)
+      }
       onClick={onClickArchive}
     >
       {t('Archive Plan')}
diff --git a/packages/forklift-console-plugin/src/modules/Plans/modals/ArchiveModal.tsx b/packages/forklift-console-plugin/src/modules/Plans/modals/ArchiveModal.tsx
index e99fbf42..80557307 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/modals/ArchiveModal.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/modals/ArchiveModal.tsx
@@ -8,7 +8,7 @@ import { PlanModel, V1beta1Plan } from '@kubev2v/types';
 import { K8sModel, k8sPatch } from '@openshift-console/dynamic-plugin-sdk';
 import { Alert, Button, Modal, ModalVariant } from '@patternfly/react-core';
 
-import { getPlanPhase } from '../utils';
+import { getPlanPhase, PlanPhase } from '../utils';
 
 /**
  * Props for the DeleteModal component
@@ -70,7 +70,7 @@ export const ArchiveModal: React.FC<ArchiveModalProps> = ({ title, resource, red
   const actions = [
     <Button
       key="confirm"
-      variant={phase === 'Running' ? 'danger' : 'primary'}
+      variant={phase === PlanPhase.Running ? 'danger' : 'primary'}
       onClick={onArchive}
       isLoading={isLoading}
     >
@@ -112,7 +112,7 @@ export const ArchiveModal: React.FC<ArchiveModalProps> = ({ title, resource, red
           </p>
         </ForkliftTrans>
       }
-      {phase === 'Running' && <IsExecutingAlert />}
+      {phase === PlanPhase.Running && <IsExecutingAlert />}
       {alertMessage}
     </Modal>
   );
diff --git a/packages/forklift-console-plugin/src/modules/Plans/modals/PlanDeleteModal.tsx b/packages/forklift-console-plugin/src/modules/Plans/modals/PlanDeleteModal.tsx
index d87c4828..6336879a 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/modals/PlanDeleteModal.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/modals/PlanDeleteModal.tsx
@@ -9,7 +9,7 @@ import { V1beta1Plan } from '@kubev2v/types';
 import { k8sDelete, K8sGroupVersionKind, K8sModel } from '@openshift-console/dynamic-plugin-sdk';
 import { Alert, Button, Modal, ModalVariant } from '@patternfly/react-core';
 
-import { getPlanPhase } from '../utils';
+import { getPlanPhase, PlanPhase } from '../utils';
 
 /**
  * Props for the DeleteModal component
@@ -131,8 +131,8 @@ export const PlanDeleteModal: React.FC<PlanDeleteModalProps> = ({
           Are you sure you want to delete <strong className="co-break-word">{name}</strong>?
         </ForkliftTrans>
       )}
-      {phase === 'Running' && <IsExecutingAlert />}
-      {phase !== 'Archived' && <IsNotArchivedAlert />}
+      {phase === PlanPhase.Running && <IsExecutingAlert />}
+      {phase !== PlanPhase.Archived && <IsNotArchivedAlert />}
       {typeof owner === 'object' && <ItemIsOwnedAlert owner={owner} namespace={namespace} />}
       {alertMessage}
     </Modal>
diff --git a/packages/forklift-console-plugin/src/modules/Plans/utils/constants/planPhases.ts b/packages/forklift-console-plugin/src/modules/Plans/utils/constants/planPhases.ts
index cb6a2b05..0ca05c48 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/utils/constants/planPhases.ts
+++ b/packages/forklift-console-plugin/src/modules/Plans/utils/constants/planPhases.ts
@@ -9,16 +9,16 @@ import { PlanPhase } from '../types';
  * This array is intended to be used for creating filter dropdowns, where users can select a plan phase to filter the results shown.
  */
 export const planPhases: { id: PlanPhase; label: string }[] = [
-  { id: 'Error', label: 'Error' },
-  { id: 'vmError', label: 'VM Error' },
-  { id: 'Unknown', label: 'Unknown' },
-  { id: 'Archiving', label: 'Archiving' },
-  { id: 'Archived', label: 'Archived' },
-  { id: 'Failed', label: 'Failed' },
-  { id: 'Canceled', label: 'Canceled' },
-  { id: 'Succeeded', label: 'Succeeded' },
-  { id: 'Running', label: 'Running' },
-  { id: 'Ready', label: 'Ready' },
-  { id: 'Warning', label: 'Warning' },
-  { id: 'NotReady', label: 'Not Ready' },
+  { id: PlanPhase.Error, label: PlanPhase.Error },
+  { id: PlanPhase.vmError, label: PlanPhase.vmError },
+  { id: PlanPhase.Unknown, label: PlanPhase.Unknown },
+  { id: PlanPhase.Archiving, label: PlanPhase.Archiving },
+  { id: PlanPhase.Archived, label: PlanPhase.Archived },
+  { id: PlanPhase.Failed, label: PlanPhase.Failed },
+  { id: PlanPhase.Canceled, label: PlanPhase.Canceled },
+  { id: PlanPhase.Succeeded, label: PlanPhase.Succeeded },
+  { id: PlanPhase.Running, label: PlanPhase.Running },
+  { id: PlanPhase.Ready, label: PlanPhase.Ready },
+  { id: PlanPhase.Warning, label: PlanPhase.Warning },
+  { id: PlanPhase.NotReady, label: PlanPhase.NotReady },
 ];
diff --git a/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPhaseLabel.ts b/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPhaseLabel.ts
deleted file mode 100644
index 1c5daa41..00000000
--- a/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPhaseLabel.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { PlanPhase } from '../types';
-
-export const getPhaseLabel = (phase: PlanPhase) => phaseLabels?.[phase] ?? 'Unknown';
-
-const phaseLabels: Record<PlanPhase, string> = {
-  // t('Ready')
-  Ready: 'Ready',
-  // t('Not Ready')
-  NotReady: 'Not Ready',
-  // t('Running')
-  Running: 'Running',
-  // t('Succeeded')
-  Succeeded: 'Succeeded',
-  // t('Canceled')
-  Canceled: 'Canceled',
-  // t('Failed')
-  Failed: 'Failed',
-  // t('Archived')
-  Archived: 'Archived',
-  // t('Archiving')
-  Archiving: 'Archiving',
-  // t('Error')
-  Error: 'Error',
-  // t('Warning')
-  Warning: 'Warning',
-  // t('Some VMs Failed')
-  vmError: 'Some VMs Failed',
-  // t('Unknown')
-  Unknown: 'Unknown',
-};
diff --git a/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPlanPhase.ts b/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPlanPhase.ts
index c5712f3c..ce480752 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPlanPhase.ts
+++ b/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPlanPhase.ts
@@ -5,37 +5,37 @@ import { PlanData, PlanPhase } from '../types';
 export const getPlanPhase = (data: PlanData): PlanPhase => {
   const plan = data?.obj;
 
-  if (!plan) return 'Unknown';
+  if (!plan) return PlanPhase.Unknown;
 
   // Check condition type
   const conditions = getConditions(plan);
 
   if (!conditions || conditions?.length < 1) {
-    return 'Unknown';
+    return PlanPhase.Unknown;
   }
 
   // Check for Archived
   if (plan?.spec?.archived && !conditions.includes('Archived')) {
-    return 'Archiving';
+    return PlanPhase.Archiving;
   }
 
   if (conditions.includes('Archived')) {
-    return 'Archived';
+    return PlanPhase.Archived;
   }
 
   // Check for Succeeded
   if (conditions.includes('Succeeded')) {
-    return 'Succeeded';
+    return PlanPhase.Succeeded;
   }
 
   // Check for Canceled
   if (conditions.includes('Canceled')) {
-    return 'Canceled';
+    return PlanPhase.Canceled;
   }
 
   // CHeck for Running
   if (conditions.includes('Executing')) {
-    return 'Running';
+    return PlanPhase.Running;
   }
 
   // Check condition category
@@ -44,18 +44,18 @@ export const getPlanPhase = (data: PlanData): PlanPhase => {
   );
 
   if (isCritical) {
-    return 'Error';
+    return PlanPhase.Error;
   }
 
   // Check for vm errors
   const vmError = plan?.status?.migration?.vms?.find((vm) => vm?.error);
 
   if (conditions.includes('Failed')) {
-    return 'Failed';
+    return PlanPhase.Failed;
   }
 
   if (vmError) {
-    return 'vmError';
+    return PlanPhase.vmError;
   }
 
   // Check condition category
@@ -64,14 +64,14 @@ export const getPlanPhase = (data: PlanData): PlanPhase => {
   );
 
   if (isWarn) {
-    return 'Warning';
+    return PlanPhase.Warning;
   }
 
   if (conditions.includes('Ready')) {
-    return 'Ready';
+    return PlanPhase.Ready;
   }
 
-  return 'NotReady';
+  return PlanPhase.NotReady;
 };
 
 export const canPlanStart = (plan: V1beta1Plan) => {
@@ -107,20 +107,20 @@ export const isPlanEditable = (plan: V1beta1Plan) => {
   const planStatus = getPlanPhase({ obj: plan });
 
   return (
-    planStatus === 'Unknown' ||
-    planStatus === 'Canceled' ||
-    planStatus === 'Error' ||
-    planStatus === 'Failed' ||
-    planStatus === 'vmError' ||
-    planStatus === 'Warning' ||
-    planStatus === 'Ready'
+    planStatus === PlanPhase.Unknown ||
+    planStatus === PlanPhase.Canceled ||
+    planStatus === PlanPhase.Error ||
+    planStatus === PlanPhase.Failed ||
+    planStatus === PlanPhase.vmError ||
+    planStatus === PlanPhase.Warning ||
+    planStatus === PlanPhase.Ready
   );
 };
 
 export const isPlanArchived = (plan: V1beta1Plan) => {
   const planStatus = getPlanPhase({ obj: plan });
 
-  return planStatus === 'Archiving' || planStatus === 'Archived';
+  return planStatus === PlanPhase.Archiving || planStatus === PlanPhase.Archived;
 };
 
 const getConditions = (obj: V1beta1Plan) =>
diff --git a/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPlanProgressVariant.ts b/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPlanProgressVariant.ts
index 249fa34a..c8ff964d 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPlanProgressVariant.ts
+++ b/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/getPlanProgressVariant.ts
@@ -6,17 +6,17 @@ export const getPlanProgressVariant = (phase: PlanPhase): ProgressVariant => {
   let progressVariant;
 
   switch (phase) {
-    case 'Error':
-    case 'Failed':
+    case PlanPhase.Error:
+    case PlanPhase.Failed:
       progressVariant = ProgressVariant.danger;
       break;
-    case 'Unknown':
-    case 'Archived':
-    case 'Canceled':
-    case 'vmError':
+    case PlanPhase.Unknown:
+    case PlanPhase.Archived:
+    case PlanPhase.Canceled:
+    case PlanPhase.vmError:
       progressVariant = ProgressVariant.warning;
       break;
-    case 'Succeeded':
+    case PlanPhase.Succeeded:
       progressVariant = ProgressVariant.success;
       break;
   }
diff --git a/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/index.ts b/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/index.ts
index d2865d95..f499b37f 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/index.ts
+++ b/packages/forklift-console-plugin/src/modules/Plans/utils/helpers/index.ts
@@ -1,7 +1,6 @@
 // @index(['./*', /style/g], f => `export * from '${f.path}';`)
 export * from './getMigrationPhase';
 export * from './getMigrationVmsCounts';
-export * from './getPhaseLabel';
 export * from './getPlanPhase';
 export * from './getPlanProgressVariant';
 // @endindex
diff --git a/packages/forklift-console-plugin/src/modules/Plans/utils/types/PlanPhase.ts b/packages/forklift-console-plugin/src/modules/Plans/utils/types/PlanPhase.ts
index 249f56b6..67d31e06 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/utils/types/PlanPhase.ts
+++ b/packages/forklift-console-plugin/src/modules/Plans/utils/types/PlanPhase.ts
@@ -1,13 +1,26 @@
-export type PlanPhase =
-  | 'Error'
-  | 'vmError'
-  | 'Unknown'
-  | 'Archiving'
-  | 'Archived'
-  | 'Failed'
-  | 'Canceled'
-  | 'Succeeded'
-  | 'Running'
-  | 'Ready'
-  | 'Warning'
-  | 'NotReady';
+export enum PlanPhase {
+  // t('Error')
+  Error = 'Error',
+  // t('Some VMs Failed')
+  vmError = 'Some VMs Failed',
+  // t('Unknown')
+  Unknown = 'Unknown',
+  // t('Archiving')
+  Archiving = 'Archiving',
+  // t('Archived')
+  Archived = 'Archived',
+  // t('Failed')
+  Failed = 'Failed',
+  // t('Canceled')
+  Canceled = 'Canceled',
+  // t('Succeeded')
+  Succeeded = 'Succeeded',
+  // t('Running')
+  Running = 'Running',
+  // t('Ready')
+  Ready = 'Ready',
+  // t('Warning')
+  Warning = 'Warning',
+  // t('Not Ready')
+  NotReady = 'Not Ready',
+}
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/details/components/MigrationsSection/components/MigrationsTable.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/details/components/MigrationsSection/components/MigrationsTable.tsx
index 39042db1..d05377bb 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/views/details/components/MigrationsSection/components/MigrationsTable.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/details/components/MigrationsSection/components/MigrationsTable.tsx
@@ -1,10 +1,6 @@
 import React from 'react';
 import { ConsoleTimestamp } from 'src/components/ConsoleTimestamp';
-import {
-  getMigrationVmsCounts,
-  getPhaseLabel,
-  getPlanProgressVariant,
-} from 'src/modules/Plans/utils';
+import { getMigrationVmsCounts, getPlanProgressVariant, PlanPhase } from 'src/modules/Plans/utils';
 import { getMigrationPhase } from 'src/modules/Plans/utils/helpers/getMigrationPhase';
 import { useForkliftTranslation } from 'src/utils/i18n';
 
@@ -90,8 +86,9 @@ const VMsLabel: React.FC<{ migration: V1beta1Migration }> = ({ migration }) => {
   const { t } = useForkliftTranslation();
 
   const phase = getMigrationPhase(migration);
-  const phaseLabel = t(getPhaseLabel(phase));
-  const progressVariant = getPlanProgressVariant(phase);
+  const phaseLabel = PlanPhase[phase] ? t(PlanPhase[phase]) : PlanPhase.Unknown;
+
+  const progressVariant = getPlanProgressVariant(PlanPhase[phase]);
   const counters = getMigrationVmsCounts(migration?.status?.vms);
 
   if (!counters?.total || counters.total === 0) {
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/details/components/PlanPageHeadings.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/details/components/PlanPageHeadings.tsx
index b69cdda7..2e528937 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/views/details/components/PlanPageHeadings.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/details/components/PlanPageHeadings.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { PlanActionsDropdown } from 'src/modules/Plans/actions';
 import { PlanStartMigrationModal } from 'src/modules/Plans/modals';
-import { canPlanReStart, canPlanStart, getPlanPhase } from 'src/modules/Plans/utils';
+import { canPlanReStart, canPlanStart, getPlanPhase, PlanPhase } from 'src/modules/Plans/utils';
 import { useGetDeleteAndEditAccessReview } from 'src/modules/Providers/hooks';
 import { useModal } from 'src/modules/Providers/modals';
 import { PageHeadings } from 'src/modules/Providers/utils';
@@ -81,7 +81,7 @@ export const PlanPageHeadings: React.FC<{ name: string; namespace: string }> = (
 
   const handleAlerts = () => {
     // alerts are not relevant to display if plan was completed successfully
-    if (planStatus === 'Succeeded') return;
+    if (planStatus === PlanPhase.Succeeded) return;
 
     if (criticalCondition) {
       alerts.push(
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/list/components/ErrorStatusCell.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/ErrorStatusCell.tsx
index 910718e1..f5ccc91c 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/views/list/components/ErrorStatusCell.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/ErrorStatusCell.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Linkify from 'react-linkify';
 import { Link } from 'react-router-dom';
-import { getPhaseLabel, getPlanPhase } from 'src/modules/Plans/utils';
+import { getPlanPhase } from 'src/modules/Plans/utils';
 import { getResourceUrl, TableIconCell } from 'src/modules/Providers/utils';
 import { useForkliftTranslation } from 'src/utils/i18n';
 
@@ -16,7 +16,7 @@ export const ErrorStatusCell: React.FC<CellProps> = ({ data }) => {
 
   const { obj: plan } = data;
   const phase = getPlanPhase(data);
-  const phaseLabel = getPhaseLabel(phase);
+  const phaseLabel: string = phase;
 
   const planURL = getResourceUrl({
     reference: PlanModelRef,
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/list/components/PlanStatusCell.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/PlanStatusCell.tsx
index b023cd40..0aba151a 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/views/list/components/PlanStatusCell.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/PlanStatusCell.tsx
@@ -6,6 +6,7 @@ import {
   getPlanPhase,
   isPlanArchived,
   isPlanExecuting,
+  PlanPhase,
 } from 'src/modules/Plans/utils';
 import { useModal } from 'src/modules/Providers/modals';
 import { getResourceUrl } from 'src/modules/Providers/utils';
@@ -48,7 +49,8 @@ export const PlanStatusCell: React.FC<CellProps> = ({ data }) => {
   );
 
   const phase = getPlanPhase(data);
-  const isPlanLoading = !isWaitingForCutover && (phase === 'Running' || phase === 'Archiving');
+  const isPlanLoading =
+    !isWaitingForCutover && (phase === PlanPhase.Running || phase === PlanPhase.Archiving);
   const planURL = getResourceUrl({
     reference: PlanModelRef,
     name: plan?.metadata?.name,
@@ -60,7 +62,7 @@ export const PlanStatusCell: React.FC<CellProps> = ({ data }) => {
   // Could possibly use a querystring to dictate a table filter for the list of VMs.
   const vmCountLinkPath = `${planURL}/vms`;
 
-  if (phase === 'Ready') {
+  if (phase === PlanPhase.Ready) {
     return (
       <Button
         variant="secondary"
@@ -88,7 +90,7 @@ export const PlanStatusCell: React.FC<CellProps> = ({ data }) => {
     <Flex alignItems={{ default: 'alignItemsCenter' }} spaceItems={{ default: 'spaceItemsSm' }}>
       {isPlanLoading ? (
         <Spinner size="md" />
-      ) : phase === 'NotReady' ? (
+      ) : phase === PlanPhase.NotReady ? (
         t('Validating...')
       ) : (
         <Label isCompact>{phase}</Label>
@@ -109,8 +111,8 @@ export const PlanStatusCell: React.FC<CellProps> = ({ data }) => {
           </SplitItem>
         )}
 
-        {phase !== 'Running' &&
-          phase !== 'NotReady' &&
+        {phase !== PlanPhase.Running &&
+          phase !== PlanPhase.NotReady &&
           vms?.length &&
           !vmCount?.error &&
           !vmCount.success && (
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/list/components/StatusCell.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/StatusCell.tsx
new file mode 100644
index 00000000..ce68a01d
--- /dev/null
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/StatusCell.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { getPlanPhase, PlanPhase } from 'src/modules/Plans/utils';
+import { TableIconCell } from 'src/modules/Providers/utils';
+
+import { CellProps } from './CellProps';
+import { ErrorStatusCell } from './ErrorStatusCell';
+import { PlanStatusIcon } from './PlanStatusIcon';
+import { VMsProgressCell } from './VMsProgressCell';
+
+export const StatusCell: React.FC<CellProps> = (props) => {
+  const { data } = props;
+
+  const phase = getPlanPhase(data);
+  const phaseLabel: string = phase;
+
+  switch (phase) {
+    case PlanPhase.Error:
+    case PlanPhase.Warning:
+      return ErrorStatusCell(props);
+    case PlanPhase.Failed:
+    case PlanPhase.Canceled:
+    case PlanPhase.Running:
+    case PlanPhase.Succeeded:
+    case PlanPhase.vmError:
+      return VMsProgressCell(props);
+  }
+
+  return <TableIconCell icon={<PlanStatusIcon phase={phase} />}>{phaseLabel}</TableIconCell>;
+};
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/list/components/VMsProgressCell.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/VMsProgressCell.tsx
new file mode 100644
index 00000000..b7c48cdb
--- /dev/null
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/list/components/VMsProgressCell.tsx
@@ -0,0 +1,103 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import {
+  getMigrationVmsCounts,
+  getPlanPhase,
+  getPlanProgressVariant,
+  MigrationVmsCounts,
+} from 'src/modules/Plans/utils';
+import { getResourceUrl } from 'src/modules/Providers/utils';
+import { useForkliftTranslation } from 'src/utils/i18n';
+
+import { PlanModelRef } from '@kubev2v/types';
+import {
+  Button,
+  Popover,
+  Progress,
+  ProgressMeasureLocation,
+  ProgressSize,
+  Split,
+  SplitItem,
+} from '@patternfly/react-core';
+import { HelpIcon, VirtualMachineIcon } from '@patternfly/react-icons';
+
+import { CellProps } from './CellProps';
+
+type PlanStatusDetailsProps = {
+  counters: MigrationVmsCounts;
+};
+
+const PlanStatusDetails: React.FC<PlanStatusDetailsProps> = (props) => {
+  const { t } = useForkliftTranslation();
+
+  return (
+    <div>
+      {t('Total of {{total}} VMs are planned for migration:', props.counters)}
+      <br />
+      {t('{{success}} VMs succeeded', props.counters)}
+      <br />
+      {t('{{error}} VMs failed', props.counters)}
+      <br />
+      {t('{{canceled}} VMs canceled', props.counters)}
+      <br />
+    </div>
+  );
+};
+
+export const VMsProgressCell: React.FC<CellProps> = ({ data }) => {
+  const { t } = useForkliftTranslation();
+
+  const specVms = data?.obj?.spec?.vms;
+  const vms = data?.obj?.status?.migration?.vms;
+
+  const phase = getPlanPhase(data);
+  const phaseLabel: string = phase;
+
+  const planURL = getResourceUrl({
+    reference: PlanModelRef,
+    name: data?.obj?.metadata?.name,
+    namespace: data?.obj?.metadata?.namespace,
+  });
+
+  if (!vms) {
+    return (
+      <Link to={`${planURL}/vms`}>
+        <Split>
+          <SplitItem className="forklift-overview__controller-card__status-icon">
+            <VirtualMachineIcon />
+          </SplitItem>
+          <SplitItem>{t('{{total}} VMs', { total: specVms?.length || 0 })}</SplitItem>
+        </Split>
+      </Link>
+    );
+  }
+
+  const counters = getMigrationVmsCounts(vms);
+  const progressVariant = getPlanProgressVariant(phase);
+
+  return (
+    <div className="forklift-table__status-cell-progress">
+      <Progress
+        width={100}
+        label={
+          <Link to={`${planURL}/vms`}>{t('{{success}} of {{total}} VMs migrated', counters)}</Link>
+        }
+        valueText={t('{{success}} of {{total}} VMs migrated', counters)}
+        value={counters?.total > 0 ? (100 * counters?.success) / counters?.total : 0}
+        title={
+          <Popover
+            headerContent={<div>{t('Status details')}</div>}
+            bodyContent={<PlanStatusDetails counters={counters} />}
+          >
+            <Button variant="link" isInline>
+              {t(phaseLabel)} <HelpIcon />
+            </Button>
+          </Popover>
+        }
+        size={ProgressSize.sm}
+        measureLocation={ProgressMeasureLocation.top}
+        variant={progressVariant}
+      />
+    </div>
+  );
+};

From 640ac2da0cbf6d83aa4282806ea21c50b872f460 Mon Sep 17 00:00:00 2001
From: Jeff Puzzo <jpuzzo@redhat.com>
Date: Mon, 16 Dec 2024 13:28:15 -0500
Subject: [PATCH 3/4] [MTV-1769] Add Project field to migration plan/provider
 wizards

Signed-off-by: Jeff Puzzo <jpuzzo@redhat.com>
---
 .../TypeaheadSelect/TypeaheadSelect.tsx       | 425 ++++++++++++++++++
 .../src/components/TypeaheadSelect/index.ts   |   3 +
 packages/common/src/components/index.ts       |   1 +
 .../en/plugin__forklift-console-plugin.json   |   5 +-
 .../Plans/views/create/PlanCreatePage.tsx     |  44 +-
 .../create/components/PlanCreateForm.tsx      |  52 ++-
 .../create/components/PlanNameTextField.tsx   |  55 +++
 .../create/components/ProjectNameSelect.tsx   |  48 ++
 .../SelectSourceProvider.tsx                  |  21 +-
 .../views/create/ProvidersCreatePage.tsx      |  51 ++-
 .../create/components/ProviderCreateForm.tsx  |  40 +-
 .../ProvidersCreateVmMigrationContext.tsx     |   2 +
 .../migrate/components/PlansCreateForm.tsx    |  46 +-
 .../views/migrate/reducer/actions.ts          |  17 +
 .../migrate/reducer/createInitialState.ts     |   8 +-
 .../views/migrate/reducer/reducer.ts          |  15 +-
 .../modules/Providers/views/migrate/types.ts  |   2 +
 .../views/migrate/useFetchEffects.ts          |  13 +-
 18 files changed, 742 insertions(+), 106 deletions(-)
 create mode 100644 packages/common/src/components/TypeaheadSelect/TypeaheadSelect.tsx
 create mode 100644 packages/common/src/components/TypeaheadSelect/index.ts
 create mode 100644 packages/forklift-console-plugin/src/modules/Plans/views/create/components/PlanNameTextField.tsx
 create mode 100644 packages/forklift-console-plugin/src/modules/Plans/views/create/components/ProjectNameSelect.tsx

diff --git a/packages/common/src/components/TypeaheadSelect/TypeaheadSelect.tsx b/packages/common/src/components/TypeaheadSelect/TypeaheadSelect.tsx
new file mode 100644
index 00000000..f82af1f8
--- /dev/null
+++ b/packages/common/src/components/TypeaheadSelect/TypeaheadSelect.tsx
@@ -0,0 +1,425 @@
+import React from 'react';
+
+import {
+  Button,
+  MenuToggle,
+  MenuToggleElement,
+  MenuToggleProps,
+  Select,
+  SelectList,
+  SelectOption,
+  SelectOptionProps,
+  SelectProps,
+  TextInputGroup,
+  TextInputGroupMain,
+  TextInputGroupUtilities,
+} from '@patternfly/react-core';
+import { TimesIcon } from '@patternfly/react-icons';
+
+export interface TypeaheadSelectOption extends Omit<SelectOptionProps, 'content' | 'isSelected'> {
+  /** Content of the select option. */
+  content: string | number;
+  /** Value of the select option. */
+  value: string | number;
+  /** Indicator for option being selected */
+  isSelected?: boolean;
+}
+
+export interface TypeaheadSelectProps extends Omit<SelectProps, 'toggle' | 'onSelect'> {
+  /** Options of the select */
+  selectOptions: TypeaheadSelectOption[];
+  /** Callback triggered on selection. */
+  onSelect?: (
+    _event:
+      | React.MouseEvent<Element, MouseEvent>
+      | React.KeyboardEvent<HTMLInputElement>
+      | undefined,
+    selection: string | number,
+  ) => void;
+  /** Callback triggered when the select opens or closes. */
+  onToggle?: (nextIsOpen: boolean) => void;
+  /** Callback triggered when the text in the input field changes. */
+  onInputChange?: (newValue: string) => void;
+  /** Function to return items matching the current filter value */
+  filterFunction?: (
+    filterValue: string,
+    options: TypeaheadSelectOption[],
+  ) => TypeaheadSelectOption[];
+  /** Callback triggered when the clear button is selected */
+  onClearSelection?: () => void;
+  /** Flag to allow clear current selection */
+  allowClear?: boolean;
+  /** Placeholder text for the select input. */
+  placeholder?: string;
+  /** Flag to indicate if the typeahead select allows new items */
+  isCreatable?: boolean;
+  /** Flag to indicate if create option should be at top of typeahead */
+  isCreateOptionOnTop?: boolean;
+  /** Message to display to create a new option */
+  createOptionMessage?: string | ((newValue: string) => string);
+  /** Message to display when no options are available. */
+  noOptionsAvailableMessage?: string;
+  /** Message to display when no options match the filter. */
+  noOptionsFoundMessage?: string | ((filter: string) => string);
+  /** Flag indicating the select should be disabled. */
+  isDisabled?: boolean;
+  /** Width of the toggle. */
+  toggleWidth?: string;
+  /** Additional props passed to the toggle. */
+  toggleProps?: MenuToggleProps;
+}
+
+const defaultNoOptionsFoundMessage = (filter: string) => `No results found for "${filter}"`;
+const defaultCreateOptionMessage = (newValue: string) => `Create "${newValue}"`;
+const defaultFilterFunction = (filterValue: string, options: TypeaheadSelectOption[]) =>
+  options.filter((o) => String(o.content).toLowerCase().includes(filterValue.toLowerCase()));
+
+export const TypeaheadSelect: React.FC<TypeaheadSelectProps> = ({
+  innerRef,
+  selectOptions,
+  onSelect,
+  onToggle,
+  onInputChange,
+  filterFunction = defaultFilterFunction,
+  onClearSelection,
+  allowClear,
+  placeholder = 'Select an option',
+  noOptionsAvailableMessage = 'No options are available',
+  noOptionsFoundMessage = defaultNoOptionsFoundMessage,
+  isCreatable = false,
+  isCreateOptionOnTop = false,
+  createOptionMessage = defaultCreateOptionMessage,
+  isDisabled,
+  toggleWidth,
+  toggleProps,
+  ...props
+}: TypeaheadSelectProps) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [filterValue, setFilterValue] = React.useState<string>('');
+  const [isFiltering, setIsFiltering] = React.useState<boolean>(false);
+  const [focusedItemIndex, setFocusedItemIndex] = React.useState<number | null>(null);
+  const [activeItemId, setActiveItemId] = React.useState<string | null>(null);
+  const textInputRef = React.useRef<HTMLInputElement>();
+
+  const NO_RESULTS = 'no results';
+
+  const selected = React.useMemo(
+    () => selectOptions.find((option) => option.value === props.selected || option.isSelected),
+    [props.selected, selectOptions],
+  );
+
+  const filteredSelections = React.useMemo(() => {
+    let newSelectOptions: TypeaheadSelectOption[] = selectOptions;
+
+    // Filter menu items based on the text input value when one exists
+    if (isFiltering && filterValue) {
+      newSelectOptions = filterFunction(filterValue, selectOptions);
+
+      if (
+        isCreatable &&
+        filterValue.trim() &&
+        !newSelectOptions.find((o) => String(o.content).toLowerCase() === filterValue.toLowerCase())
+      ) {
+        const createOption = {
+          content:
+            typeof createOptionMessage === 'string'
+              ? createOptionMessage
+              : createOptionMessage(filterValue),
+          value: filterValue,
+        };
+        newSelectOptions = isCreateOptionOnTop
+          ? [createOption, ...newSelectOptions]
+          : [...newSelectOptions, createOption];
+      }
+
+      // When no options are found after filtering, display 'No results found'
+      if (!newSelectOptions.length) {
+        newSelectOptions = [
+          {
+            isAriaDisabled: true,
+            content:
+              typeof noOptionsFoundMessage === 'string'
+                ? noOptionsFoundMessage
+                : noOptionsFoundMessage(filterValue),
+            value: NO_RESULTS,
+          },
+        ];
+      }
+    }
+
+    // When no options are  available,  display 'No options available'
+    if (!newSelectOptions.length) {
+      newSelectOptions = [
+        {
+          isAriaDisabled: true,
+          content: noOptionsAvailableMessage,
+          value: NO_RESULTS,
+        },
+      ];
+    }
+
+    return newSelectOptions;
+  }, [
+    isFiltering,
+    filterValue,
+    filterFunction,
+    selectOptions,
+    noOptionsFoundMessage,
+    isCreatable,
+    isCreateOptionOnTop,
+    createOptionMessage,
+    noOptionsAvailableMessage,
+  ]);
+
+  React.useEffect(() => {
+    if (isFiltering) {
+      openMenu();
+    }
+    // Don't update on openMenu changes
+  }, [isFiltering]);
+
+  const setActiveAndFocusedItem = (itemIndex: number) => {
+    setFocusedItemIndex(itemIndex);
+    const focusedItem = selectOptions[itemIndex];
+    setActiveItemId(String(focusedItem.value));
+  };
+
+  const resetActiveAndFocusedItem = () => {
+    setFocusedItemIndex(null);
+    setActiveItemId(null);
+  };
+
+  const openMenu = () => {
+    if (!isOpen) {
+      if (onToggle) {
+        onToggle(true);
+      }
+      setIsOpen(true);
+    }
+  };
+
+  const closeMenu = () => {
+    if (onToggle) {
+      onToggle(false);
+    }
+    setIsOpen(false);
+    resetActiveAndFocusedItem();
+    setIsFiltering(false);
+    setFilterValue(String(selected?.content ?? ''));
+  };
+
+  const onInputClick = () => {
+    if (!isOpen) {
+      openMenu();
+    }
+    setTimeout(() => {
+      textInputRef.current?.focus();
+    }, 100);
+  };
+
+  const selectOption = (
+    _event:
+      | React.MouseEvent<Element, MouseEvent>
+      | React.KeyboardEvent<HTMLInputElement>
+      | undefined,
+    option: TypeaheadSelectOption,
+  ) => {
+    if (onSelect) {
+      onSelect(_event, option.value);
+    }
+    closeMenu();
+  };
+
+  const handleSelect = (
+    _event: React.MouseEvent<Element, MouseEvent> | undefined,
+    value: string | number | undefined,
+  ) => {
+    if (value && value !== NO_RESULTS) {
+      const optionToSelect = selectOptions.find((option) => option.value === value);
+      if (optionToSelect) {
+        selectOption(_event, optionToSelect);
+      } else if (isCreatable) {
+        selectOption(_event, { value, content: value });
+      }
+    }
+  };
+
+  const onTextInputChange = (_event: React.FormEvent<HTMLInputElement>, value: string) => {
+    setFilterValue(value || '');
+    setIsFiltering(true);
+    if (onInputChange) {
+      onInputChange(value);
+    }
+
+    resetActiveAndFocusedItem();
+  };
+
+  const handleMenuArrowKeys = (key: string) => {
+    let indexToFocus = 0;
+
+    openMenu();
+
+    if (filteredSelections.every((option) => option.isDisabled)) {
+      return;
+    }
+
+    if (key === 'ArrowUp') {
+      // When no index is set or at the first index, focus to the last, otherwise decrement focus index
+      if (focusedItemIndex === null || focusedItemIndex === 0) {
+        indexToFocus = filteredSelections.length - 1;
+      } else {
+        indexToFocus = focusedItemIndex - 1;
+      }
+
+      // Skip disabled options
+      while (filteredSelections[indexToFocus].isDisabled) {
+        indexToFocus--;
+        if (indexToFocus === -1) {
+          indexToFocus = filteredSelections.length - 1;
+        }
+      }
+    }
+
+    if (key === 'ArrowDown') {
+      // When no index is set or at the last index, focus to the first, otherwise increment focus index
+      if (focusedItemIndex === null || focusedItemIndex === filteredSelections.length - 1) {
+        indexToFocus = 0;
+      } else {
+        indexToFocus = focusedItemIndex + 1;
+      }
+
+      // Skip disabled options
+      while (filteredSelections[indexToFocus].isDisabled) {
+        indexToFocus++;
+        if (indexToFocus === filteredSelections.length) {
+          indexToFocus = 0;
+        }
+      }
+    }
+
+    setActiveAndFocusedItem(indexToFocus);
+  };
+
+  const onInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    const focusedItem = focusedItemIndex !== null ? filteredSelections[focusedItemIndex] : null;
+
+    switch (event.key) {
+      case 'Enter':
+        if (
+          isOpen &&
+          focusedItem &&
+          focusedItem.value !== NO_RESULTS &&
+          !focusedItem.isAriaDisabled
+        ) {
+          selectOption(event, focusedItem);
+        }
+
+        openMenu();
+
+        break;
+      case 'ArrowUp':
+      case 'ArrowDown':
+        event.preventDefault();
+        handleMenuArrowKeys(event.key);
+        break;
+    }
+  };
+
+  const onToggleClick = () => {
+    if (!isOpen) {
+      openMenu();
+    } else {
+      closeMenu();
+    }
+    textInputRef.current?.focus();
+  };
+
+  const onClearButtonClick = () => {
+    if (isFiltering && filterValue) {
+      if (selected && onSelect) {
+        onSelect(undefined, selected.value);
+      }
+      setFilterValue('');
+      if (onInputChange) {
+        onInputChange('');
+      }
+      setIsFiltering(false);
+    }
+
+    resetActiveAndFocusedItem();
+    textInputRef.current?.focus();
+
+    if (onClearSelection) {
+      onClearSelection();
+    }
+  };
+
+  const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
+    <MenuToggle
+      ref={toggleRef}
+      variant="typeahead"
+      aria-label="Typeahead menu toggle"
+      onClick={onToggleClick}
+      isExpanded={isOpen}
+      isDisabled={isDisabled}
+      isFullWidth
+      style={{ width: toggleWidth }}
+      {...toggleProps}
+    >
+      <TextInputGroup isPlain>
+        <TextInputGroupMain
+          value={isFiltering ? filterValue : selected?.content ?? ''}
+          onClick={onInputClick}
+          onChange={onTextInputChange}
+          onKeyDown={onInputKeyDown}
+          autoComplete="off"
+          innerRef={textInputRef}
+          placeholder={placeholder}
+          {...(activeItemId && { 'aria-activedescendant': activeItemId })}
+          role="combobox"
+          isExpanded={isOpen}
+          aria-controls="select-typeahead-listbox"
+        />
+        {(isFiltering && filterValue) || (allowClear && selected) ? (
+          <TextInputGroupUtilities>
+            <Button
+              icon={<TimesIcon aria-hidden />}
+              variant="plain"
+              onClick={onClearButtonClick}
+              aria-label="Clear input value"
+            />
+          </TextInputGroupUtilities>
+        ) : null}
+      </TextInputGroup>
+    </MenuToggle>
+  );
+
+  return (
+    <Select
+      isOpen={isOpen}
+      selected={selected}
+      onSelect={handleSelect}
+      onOpenChange={(open) => !open && closeMenu()}
+      toggle={toggle}
+      shouldFocusFirstItemOnOpen={false}
+      ref={innerRef}
+      {...props}
+    >
+      <SelectList>
+        {filteredSelections.map((option, index) => {
+          const { content, value, ...optionProps } = option;
+          return (
+            <SelectOption
+              key={value}
+              value={value}
+              isFocused={focusedItemIndex === index}
+              {...optionProps}
+            >
+              {content}
+            </SelectOption>
+          );
+        })}
+      </SelectList>
+    </Select>
+  );
+};
diff --git a/packages/common/src/components/TypeaheadSelect/index.ts b/packages/common/src/components/TypeaheadSelect/index.ts
new file mode 100644
index 00000000..2d1d4492
--- /dev/null
+++ b/packages/common/src/components/TypeaheadSelect/index.ts
@@ -0,0 +1,3 @@
+// @index(['./*', /__/g], f => `export * from '${f.path}';`)
+export * from './TypeaheadSelect';
+// @endindex
diff --git a/packages/common/src/components/index.ts b/packages/common/src/components/index.ts
index e561934a..54b33dbf 100644
--- a/packages/common/src/components/index.ts
+++ b/packages/common/src/components/index.ts
@@ -10,4 +10,5 @@ export * from './LoadingDots';
 export * from './Page';
 export * from './QueryClientHoc';
 export * from './TableView';
+export * from './TypeaheadSelect';
 // @endindex
diff --git a/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json b/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json
index 5826254a..63333ac1 100644
--- a/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json
+++ b/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json
@@ -154,7 +154,6 @@
   "Edit migration plan transfer network": "Edit migration plan transfer network",
   "Edit NetworkMap": "Edit NetworkMap",
   "Edit Plan": "Edit Plan",
-  "Edit plan name": "Edit plan name",
   "Edit Precopy interval (minutes)": "Edit Precopy interval (minutes)",
   "Edit Provider": "Edit Provider",
   "Edit Provider Credentials": "Edit Provider Credentials",
@@ -264,11 +263,9 @@
   "Multiple NICs on the same network": "Multiple NICs on the same network",
   "Name": "Name",
   "Name is primarily intended for creation idempotence and configuration definition. Cannot be updated.": "Name is primarily intended for creation idempotence and configuration definition. Cannot be updated.",
-  "Name is required and must be a unique within a namespace and valid Kubernetes name.": "Name is required and must be a unique within a namespace and valid Kubernetes name.",
   "Namespace": "Namespace",
   "Namespace defines the space within which each name must be unique.\n               An empty namespace is equivalent to the \"default\" namespace, but \"default\" is the canonical representation.\n               Not all objects are required to be scoped to a namespace - the value of this field for those objects will be empty.": "Namespace defines the space within which each name must be unique.\n               An empty namespace is equivalent to the \"default\" namespace, but \"default\" is the canonical representation.\n               Not all objects are required to be scoped to a namespace - the value of this field for those objects will be empty.",
   "Namespace defines the space within which each name must be unique.\n     An empty namespace is equivalent to the \"default\" namespace, but \"default\" is the canonical representation.\n     Not all objects are required to be scoped to a namespace -\n     the value of this field for those objects will be empty.": "Namespace defines the space within which each name must be unique.\n     An empty namespace is equivalent to the \"default\" namespace, but \"default\" is the canonical representation.\n     Not all objects are required to be scoped to a namespace -\n     the value of this field for those objects will be empty.",
-  "Namespace is not defined": "Namespace is not defined",
   "Network for data transfer": "Network for data transfer",
   "Network interfaces": "Network interfaces",
   "Network Map name re-generated": "Network Map name re-generated",
@@ -386,6 +383,7 @@
   "Provider details": "Provider details",
   "Provider inventory": "Provider inventory",
   "Provider resource name": "Provider resource name",
+  "Provider type": "Provider type",
   "Provider web UI link": "Provider web UI link",
   "Provider YAML": "Provider YAML",
   "Providers": "Providers",
@@ -416,7 +414,6 @@
   "Select a namespace": "Select a namespace",
   "Select a provider": "Select a provider",
   "Select migration network": "Select migration network",
-  "Select provider type": "Select provider type",
   "Select source provider": "Select source provider",
   "Select virtual machines": "Select virtual machines",
   "Select vSphere provider endpoint type.": "Select vSphere provider endpoint type.",
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.tsx
index b7b4127c..67554ed5 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.tsx
@@ -5,11 +5,10 @@ import ProvidersCreateVmMigrationPage from 'src/modules/Providers/views/migrate/
 import { startCreate } from 'src/modules/Providers/views/migrate/reducer/actions';
 import { useFetchEffects } from 'src/modules/Providers/views/migrate/useFetchEffects';
 import { useSaveEffect } from 'src/modules/Providers/views/migrate/useSaveEffect';
-import { ForkliftTrans } from 'src/utils/i18n';
 
 import { ProviderModelGroupVersionKind, V1beta1Provider } from '@kubev2v/types';
-import { useK8sWatchResource } from '@openshift-console/dynamic-plugin-sdk';
-import { Alert, PageSection, Title } from '@patternfly/react-core';
+import { useActiveNamespace, useK8sWatchResource } from '@openshift-console/dynamic-plugin-sdk';
+import { PageSection, Title } from '@patternfly/react-core';
 import { Wizard } from '@patternfly/react-core/deprecated';
 
 import { findProviderByID } from './components';
@@ -22,8 +21,13 @@ export const PlanCreatePage: React.FC<{ namespace: string }> = ({ namespace }) =
   // Get optional initial state context
   const { data } = useCreateVmMigrationData();
   const history = useHistory();
-  const defaultNamespace = process?.env?.DEFAULT_NAMESPACE || 'default';
   const startAtStep = data?.provider !== undefined ? 2 : 1;
+  const [activeNamespace, setActiveNamespace] = useActiveNamespace();
+  const defaultNamespace = process?.env?.DEFAULT_NAMESPACE || 'default';
+  const projectName =
+    data?.projectName ||
+    (activeNamespace === '#ALL_NS#' ? 'openshift-mtv' : activeNamespace) ||
+    defaultNamespace;
 
   // Init Select source provider form state
   const [filterState, filterDispatch] = useReducer(planCreatePageReducer, {
@@ -38,6 +42,7 @@ export const PlanCreatePage: React.FC<{ namespace: string }> = ({ namespace }) =
     isList: true,
     namespace,
   });
+
   const selectedProvider =
     filterState.selectedProviderUID !== ''
       ? findProviderByID(filterState.selectedProviderUID, providers)
@@ -45,7 +50,12 @@ export const PlanCreatePage: React.FC<{ namespace: string }> = ({ namespace }) =
 
   // Init Create migration plan form state
   const [state, dispatch, emptyContext] = useFetchEffects({
-    data: { selectedVms: filterState.selectedVMs, provider: selectedProvider || data?.provider },
+    data: {
+      projectName,
+      selectedVms: filterState.selectedVMs,
+      provider: selectedProvider || data?.provider,
+      planName: data?.planName,
+    },
   });
   useSaveEffect(state, dispatch);
 
@@ -55,9 +65,11 @@ export const PlanCreatePage: React.FC<{ namespace: string }> = ({ namespace }) =
       name: 'Select source provider',
       component: (
         <SelectSourceProvider
-          namespace={namespace}
+          projectName={projectName}
           filterState={filterState}
           filterDispatch={filterDispatch}
+          dispatch={dispatch}
+          state={state}
           providers={providers}
           selectedProvider={selectedProvider}
         />
@@ -89,21 +101,6 @@ export const PlanCreatePage: React.FC<{ namespace: string }> = ({ namespace }) =
   return (
     <>
       <PageSection variant="light">
-        {!namespace && (
-          <Alert
-            className="co-alert forklift--create-plan--alert"
-            isInline
-            variant="warning"
-            title={'Namespace is not defined'}
-          >
-            <ForkliftTrans>
-              This plan will be created in <strong>{defaultNamespace}</strong> namespace, if you
-              wish to choose another namespace please cancel, and choose a namespace from the top
-              bar.
-            </ForkliftTrans>
-          </Alert>
-        )}
-
         <Title headingLevel="h2">{'Create migration plan'}</Title>
       </PageSection>
 
@@ -113,7 +110,10 @@ export const PlanCreatePage: React.FC<{ namespace: string }> = ({ namespace }) =
           navAriaLabel={`${title} steps`}
           mainAriaLabel={`${title} content`}
           steps={steps}
-          onSave={() => dispatch(startCreate())}
+          onSave={() => {
+            setActiveNamespace(state.underConstruction.projectName);
+            dispatch(startCreate());
+          }}
           onClose={() => history.goBack()}
           startAtStep={startAtStep}
         />
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/create/components/PlanCreateForm.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/create/components/PlanCreateForm.tsx
index 36e39ff5..4916ba61 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/views/create/components/PlanCreateForm.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/create/components/PlanCreateForm.tsx
@@ -2,7 +2,14 @@ import React from 'react';
 import { SelectableCard } from 'src/modules/Providers/utils/components/Gallery/SelectableCard';
 import { SelectableGallery } from 'src/modules/Providers/utils/components/Gallery/SelectableGallery';
 import { VmData } from 'src/modules/Providers/views';
-import { useForkliftTranslation } from 'src/utils';
+import { useCreateVmMigrationData } from 'src/modules/Providers/views/migrate';
+import {
+  PageAction,
+  setPlanName,
+  setProjectName as setProjectNameAction,
+} from 'src/modules/Providers/views/migrate/reducer/actions';
+import { CreateVmMigrationPageState } from 'src/modules/Providers/views/migrate/types';
+import { ForkliftTrans, useForkliftTranslation } from 'src/utils';
 
 import { FormGroupWithHelpText } from '@kubev2v/common';
 import { V1beta1Provider } from '@kubev2v/types';
@@ -13,14 +20,19 @@ import { PlanCreatePageState } from '../states';
 import { ChipsToolbarProviders } from './ChipsToolbarProviders';
 import { createProviderCardItems } from './createProviderCardItems';
 import { FiltersToolbarProviders } from './FiltersToolbarProviders';
+import { PlanNameTextField } from './PlanNameTextField';
+import { ProjectNameSelect } from './ProjectNameSelect';
 
 export type PlanCreateFormProps = {
   providers: V1beta1Provider[];
   filterState: PlanCreatePageState;
+  state: CreateVmMigrationPageState;
+  projectName: string;
   filterDispatch: React.Dispatch<{
     type: string;
     payload?: string | string[] | VmData[];
   }>;
+  dispatch: (action: PageAction<unknown, unknown>) => void;
 };
 
 /**
@@ -30,11 +42,17 @@ export type PlanCreateFormProps = {
 export const PlanCreateForm: React.FC<PlanCreateFormProps> = ({
   providers,
   filterState,
+  state,
+  projectName,
   filterDispatch,
+  dispatch,
 }) => {
   const { t } = useForkliftTranslation();
-
+  const { data, setData } = useCreateVmMigrationData();
   const providerCardItems = createProviderCardItems(providers);
+  const providerNamespaces = [
+    ...new Set(providers.map((provider) => provider.metadata?.namespace)),
+  ];
 
   const onChange = (id: string) => {
     filterDispatch({ type: 'SELECT_PROVIDER', payload: id || '' });
@@ -43,6 +61,36 @@ export const PlanCreateForm: React.FC<PlanCreateFormProps> = ({
   return (
     <div className="forklift-create-provider-edit-section">
       <Form isWidthLimited className="forklift-section-secret-edit">
+        <PlanNameTextField
+          isRequired
+          value={state.underConstruction.plan.metadata.name}
+          validated={state.validation.planName}
+          isDisabled={state.flow.editingDone}
+          onChange={(_, value) => {
+            dispatch(setPlanName(value?.trim() ?? ''));
+            setData({ ...data, planName: value });
+          }}
+        />
+
+        <ProjectNameSelect
+          value={projectName}
+          options={providerNamespaces.map((namespace) => ({
+            value: namespace,
+            content: namespace,
+          }))}
+          onSelect={(value) => {
+            dispatch(setProjectNameAction(value));
+            setData({ ...data, projectName: value });
+          }}
+          isDisabled={!providers.length}
+          popoverHelpContent={
+            <ForkliftTrans>
+              The project that your migration plan will be created in. Only projects with providers
+              in them can be selected.
+            </ForkliftTrans>
+          }
+        />
+
         <FormGroupWithHelpText fieldId="type">
           <FiltersToolbarProviders
             className="forklift--create-plan--filters-toolbar"
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/create/components/PlanNameTextField.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/create/components/PlanNameTextField.tsx
new file mode 100644
index 00000000..79ef68ff
--- /dev/null
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/create/components/PlanNameTextField.tsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import { Validation } from 'src/modules/Providers';
+import { ForkliftTrans, useForkliftTranslation } from 'src/utils';
+
+import { FormGroupWithHelpText } from '@kubev2v/common';
+import { TextInput } from '@patternfly/react-core';
+
+interface PlanNameTextFieldProps {
+  value: string;
+  validated: Validation;
+  onChange: (event: React.FormEvent<HTMLInputElement>, value: string) => void;
+  isRequired?: boolean;
+  isDisabled?: boolean;
+}
+
+export const PlanNameTextField: React.FC<PlanNameTextFieldProps> = ({
+  value,
+  validated,
+  isDisabled,
+  isRequired,
+  onChange,
+}) => {
+  const { t } = useForkliftTranslation();
+  const [isUpdated, setIsUpdated] = React.useState(false);
+
+  return (
+    <FormGroupWithHelpText
+      label={t('Plan name')}
+      isRequired={isRequired}
+      fieldId="planName"
+      {...(isUpdated && {
+        validated: validated,
+        helperTextInvalid: (
+          <ForkliftTrans>
+            Name is required and must be a unique within a namespace and valid Kubernetes name.
+          </ForkliftTrans>
+        ),
+      })}
+    >
+      <TextInput
+        spellCheck="false"
+        isRequired={isRequired}
+        type="text"
+        id="planName"
+        value={value}
+        validated={isUpdated ? validated : 'default'}
+        isDisabled={isDisabled}
+        onChange={(event, value) => {
+          onChange(event, value);
+          setIsUpdated(true);
+        }}
+      />
+    </FormGroupWithHelpText>
+  );
+};
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/create/components/ProjectNameSelect.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/create/components/ProjectNameSelect.tsx
new file mode 100644
index 00000000..abd50ab4
--- /dev/null
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/create/components/ProjectNameSelect.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import { useForkliftTranslation } from 'src/utils';
+
+import { FormGroupWithHelpText, TypeaheadSelect, TypeaheadSelectOption } from '@kubev2v/common';
+import { Popover } from '@patternfly/react-core';
+import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
+
+interface ProjectNameSelectProps {
+  value: string | undefined;
+  options: TypeaheadSelectOption[];
+  onSelect: (value: string) => void;
+  isDisabled?: boolean;
+  popoverHelpContent?: React.ReactNode;
+}
+
+export const ProjectNameSelect: React.FC<ProjectNameSelectProps> = ({
+  value,
+  options,
+  isDisabled,
+  popoverHelpContent,
+  onSelect,
+}) => {
+  const { t } = useForkliftTranslation();
+
+  return (
+    <FormGroupWithHelpText
+      label={t('Project')}
+      isRequired
+      fieldId="project"
+      labelIcon={
+        <Popover position="right" alertSeverityVariant="info" bodyContent={popoverHelpContent}>
+          <button type="button" className="pf-c-form__group-label-help">
+            <HelpIcon />
+          </button>
+        </Popover>
+      }
+    >
+      <TypeaheadSelect
+        id="project-name-select"
+        selectOptions={options}
+        selected={value}
+        onSelect={(_, value) => onSelect(String(value))}
+        onClearSelection={() => onSelect('')}
+        isDisabled={isDisabled}
+      />
+    </FormGroupWithHelpText>
+  );
+};
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/create/steps/SelectSourceProvider/SelectSourceProvider.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/create/steps/SelectSourceProvider/SelectSourceProvider.tsx
index 10df4be0..88023b47 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/views/create/steps/SelectSourceProvider/SelectSourceProvider.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/create/steps/SelectSourceProvider/SelectSourceProvider.tsx
@@ -1,4 +1,6 @@
 import React from 'react';
+import { CreateVmMigration, PageAction } from 'src/modules/Providers/views/migrate/reducer/actions';
+import { CreateVmMigrationPageState } from 'src/modules/Providers/views/migrate/types';
 import { useForkliftTranslation } from 'src/utils/i18n';
 
 import { V1beta1Provider } from '@kubev2v/types';
@@ -10,12 +12,22 @@ import { PlanCreateForm } from './../../components';
 import { MemoizedProviderVirtualMachinesList } from './MemoizedProviderVirtualMachinesList';
 
 export const SelectSourceProvider: React.FC<{
-  namespace: string;
+  projectName: string;
   filterState: PlanCreatePageState;
-  filterDispatch: React.Dispatch<PlanCreatePageActionTypes>;
   providers: V1beta1Provider[];
   selectedProvider: V1beta1Provider;
-}> = ({ filterState, filterDispatch, providers, selectedProvider }) => {
+  state: CreateVmMigrationPageState;
+  dispatch: React.Dispatch<PageAction<CreateVmMigration, unknown>>;
+  filterDispatch: React.Dispatch<PlanCreatePageActionTypes>;
+}> = ({
+  filterState,
+  providers,
+  selectedProvider,
+  state,
+  projectName,
+  dispatch,
+  filterDispatch,
+}) => {
   const { t } = useForkliftTranslation();
 
   // Get the ready providers (note: currently forklift does not allow filter be status.phase)
@@ -39,6 +51,9 @@ export const SelectSourceProvider: React.FC<{
         providers={filteredProviders}
         filterState={filterState}
         filterDispatch={filterDispatch}
+        dispatch={dispatch}
+        state={state}
+        projectName={projectName}
       />
 
       {filterState.selectedProviderUID && (
diff --git a/packages/forklift-console-plugin/src/modules/Providers/views/create/ProvidersCreatePage.tsx b/packages/forklift-console-plugin/src/modules/Providers/views/create/ProvidersCreatePage.tsx
index 86fe094b..d572fe78 100644
--- a/packages/forklift-console-plugin/src/modules/Providers/views/create/ProvidersCreatePage.tsx
+++ b/packages/forklift-console-plugin/src/modules/Providers/views/create/ProvidersCreatePage.tsx
@@ -2,9 +2,10 @@ import React, { useReducer } from 'react';
 import { useHistory } from 'react-router';
 import { Base64 } from 'js-base64';
 import SectionHeading from 'src/components/headers/SectionHeading';
-import { ForkliftTrans, useForkliftTranslation } from 'src/utils/i18n';
+import { useForkliftTranslation } from 'src/utils/i18n';
 
 import { IoK8sApiCoreV1Secret, ProviderModelRef, V1beta1Provider } from '@kubev2v/types';
+import { useActiveNamespace } from '@openshift-console/dynamic-plugin-sdk';
 import {
   Alert,
   Button,
@@ -29,6 +30,7 @@ import './ProvidersCreatePage.style.css';
 interface ProvidersCreatePageState {
   newSecret: IoK8sApiCoreV1Secret;
   newProvider: V1beta1Provider;
+  projectName: string;
   validationError: ValidationMsg;
   apiError: Error | null;
 }
@@ -39,24 +41,26 @@ export const ProvidersCreatePage: React.FC<{
   const { t } = useForkliftTranslation();
   const history = useHistory();
   const [isLoading, toggleIsLoading] = useToggle();
-
+  const [activeNamespace, setActiveNamespace] = useActiveNamespace();
   const [providerNames] = useK8sWatchProviderNames({ namespace });
-
   const defaultNamespace = process?.env?.DEFAULT_NAMESPACE || 'default';
+  const projectName = activeNamespace === '#ALL_NS#' ? 'openshift-mtv' : activeNamespace;
+  const initialNamespace = namespace || projectName || defaultNamespace;
 
   const initialState: ProvidersCreatePageState = {
+    projectName,
     newSecret: {
       ...secretTemplate,
       metadata: {
         ...secretTemplate.metadata,
-        namespace: namespace || defaultNamespace,
+        namespace: initialNamespace,
       },
     },
     newProvider: {
       ...providerTemplate,
       metadata: {
         ...providerTemplate.metadata,
-        namespace: namespace || defaultNamespace,
+        namespace: initialNamespace,
       },
     },
     validationError: { type: 'error', msg: 'Missing provider name' },
@@ -109,6 +113,21 @@ export const ProvidersCreatePage: React.FC<{
           apiError: null,
         };
       }
+      case 'SET_PROJECT_NAME': {
+        const value = action.payload;
+        let validationError: ValidationMsg = { type: 'default' };
+
+        if (!value) {
+          validationError = { type: 'error', msg: 'Missing project name' };
+        }
+
+        return {
+          ...state,
+          validationError,
+          projectName: String(value),
+          apiError: null,
+        };
+      }
       case 'SET_API_ERROR': {
         const value = action.payload as Error | null;
         return { ...state, apiError: value };
@@ -230,26 +249,13 @@ export const ProvidersCreatePage: React.FC<{
           </Alert>
         )}
 
-        {!namespace && (
-          <Alert
-            className="co-alert co-alert--margin-top"
-            isInline
-            variant="warning"
-            title={t('Namespace is not defined')}
-          >
-            <ForkliftTrans>
-              This provider will be created in <strong>{defaultNamespace}</strong> namespace, if you
-              wish to choose another namespace please cancel, and choose a namespace from the top
-              bar.
-            </ForkliftTrans>
-          </Alert>
-        )}
-
         <ProvidersCreateForm
           newProvider={state.newProvider}
           newSecret={state.newSecret}
+          projectName={state.projectName}
           onNewProviderChange={onNewProviderChange}
           onNewSecretChange={onNewSecretChange}
+          onProjectNameChange={(value) => dispatch({ type: 'SET_PROJECT_NAME', payload: value })}
           providerNames={providerNames}
         />
 
@@ -259,7 +265,10 @@ export const ProvidersCreatePage: React.FC<{
           <FlexItem>
             <Button
               variant="primary"
-              onClick={onUpdate}
+              onClick={() => {
+                setActiveNamespace(state.projectName);
+                onUpdate();
+              }}
               isDisabled={state.validationError.type === 'error'}
               isLoading={isLoading}
             >
diff --git a/packages/forklift-console-plugin/src/modules/Providers/views/create/components/ProviderCreateForm.tsx b/packages/forklift-console-plugin/src/modules/Providers/views/create/components/ProviderCreateForm.tsx
index 5853cbd1..af5ce9fa 100644
--- a/packages/forklift-console-plugin/src/modules/Providers/views/create/components/ProviderCreateForm.tsx
+++ b/packages/forklift-console-plugin/src/modules/Providers/views/create/components/ProviderCreateForm.tsx
@@ -1,13 +1,20 @@
 import React, { useReducer } from 'react';
 import { Base64 } from 'js-base64';
+import { ProjectNameSelect } from 'src/modules/Plans/views/create/components/ProjectNameSelect';
 import { ModalHOC } from 'src/modules/Providers/modals';
 import { validateK8sName, ValidationMsg } from 'src/modules/Providers/utils';
 import { SelectableCard } from 'src/modules/Providers/utils/components/Gallery/SelectableCard';
 import { SelectableGallery } from 'src/modules/Providers/utils/components/Gallery/SelectableGallery';
-import { useForkliftTranslation } from 'src/utils/i18n';
+import { ForkliftTrans, useForkliftTranslation } from 'src/utils/i18n';
 
 import { FormGroupWithHelpText } from '@kubev2v/common';
-import { IoK8sApiCoreV1Secret, ProviderType, V1beta1Provider } from '@kubev2v/types';
+import {
+  IoK8sApiCoreV1Secret,
+  K8sResourceCommon,
+  ProviderType,
+  V1beta1Provider,
+} from '@kubev2v/types';
+import { useK8sWatchResource } from '@openshift-console/dynamic-plugin-sdk';
 import {
   Flex,
   FlexItem,
@@ -21,23 +28,37 @@ import {
 import { EditProvider } from './EditProvider';
 import { EditProviderSectionHeading } from './EditProviderSectionHeading';
 import { providerCardItems } from './providerCardItems';
+
 export interface ProvidersCreateFormProps {
   newProvider: V1beta1Provider;
   newSecret: IoK8sApiCoreV1Secret;
   onNewProviderChange: (V1beta1Provider) => void;
   onNewSecretChange: (IoK8sApiCoreV1Secret) => void;
   providerNames?: string[];
+  projectName?: string;
+  onProjectNameChange?: (value: string) => void;
 }
 
 export const ProvidersCreateForm: React.FC<ProvidersCreateFormProps> = ({
   newProvider,
   newSecret,
+  projectName,
   onNewProviderChange,
   onNewSecretChange,
+  onProjectNameChange,
   providerNames = [],
 }) => {
   const { t } = useForkliftTranslation();
 
+  const [projects, projectsLoaded] = useK8sWatchResource<K8sResourceCommon[]>({
+    groupVersionKind: {
+      version: 'v1',
+      group: 'project.openshift.io',
+      kind: 'Project',
+    },
+    isList: true,
+  });
+
   const initialState = {
     validation: {
       name: { type: 'default', msg: 'Unique Kubernetes resource name identifier.' },
@@ -103,7 +124,20 @@ export const ProvidersCreateForm: React.FC<ProvidersCreateFormProps> = ({
         <EditProviderSectionHeading text={t('Provider details')} />
 
         <Form isWidthLimited className="forklift-section-secret-edit">
-          <FormGroupWithHelpText label={t('Select provider type')} isRequired fieldId="type">
+          <ProjectNameSelect
+            value={projectName}
+            options={projects.map((project) => ({
+              value: project.metadata?.name,
+              content: project.metadata?.name,
+            }))}
+            isDisabled={!projectsLoaded || !projects.length}
+            onSelect={onProjectNameChange}
+            popoverHelpContent={
+              <ForkliftTrans>The project that your provider will be created in.</ForkliftTrans>
+            }
+          />
+
+          <FormGroupWithHelpText label={t('Provider type')} isRequired fieldId="type">
             {newProvider?.spec?.type ? (
               <Flex>
                 <FlexItem className="forklift--create-provider-edit-card-selected">
diff --git a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/ProvidersCreateVmMigrationContext.tsx b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/ProvidersCreateVmMigrationContext.tsx
index c520e9a1..e14d2d75 100644
--- a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/ProvidersCreateVmMigrationContext.tsx
+++ b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/ProvidersCreateVmMigrationContext.tsx
@@ -16,6 +16,8 @@ import { VmData } from '../details';
 export interface CreateVmMigrationContextData {
   selectedVms: VmData[];
   provider?: V1beta1Provider;
+  planName?: string;
+  projectName?: string;
 }
 
 export interface CreateVmMigrationContextType {
diff --git a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/components/PlansCreateForm.tsx b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/components/PlansCreateForm.tsx
index bb61cdf2..f34e00fc 100644
--- a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/components/PlansCreateForm.tsx
+++ b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/components/PlansCreateForm.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode, useState } from 'react';
+import React, { ReactNode } from 'react';
 import { FilterableSelect } from 'src/components';
 import SectionHeading from 'src/components/headers/SectionHeading';
 import { ForkliftTrans, useForkliftTranslation } from 'src/utils/i18n';
@@ -21,7 +21,6 @@ import {
   FormSelectOption,
   Stack,
   StackItem,
-  TextInput,
 } from '@patternfly/react-core';
 
 import { DetailsItem, getIsTarget } from '../../../utils';
@@ -34,13 +33,11 @@ import {
   removeAlert,
   replaceNetworkMapping,
   replaceStorageMapping,
-  setPlanName,
   setPlanTargetNamespace,
   setPlanTargetProvider,
 } from '../reducer/actions';
 import { CreateVmMigrationPageState, NetworkAlerts, StorageAlerts } from '../types';
 
-import { EditableDescriptionItem } from './EditableDescriptionItem';
 import { MappingList } from './MappingList';
 import { MappingListHeader } from './MappingListHeader';
 import { StateAlerts } from './StateAlerts';
@@ -143,17 +140,9 @@ export const PlansCreateForm = ({
     alerts,
   } = state;
 
-  const [isNameEdited, setIsNameEdited] = useState(true);
-
   const networkMessages = buildNetworkMessages(t);
   const storageMessages = buildStorageMessages(t);
 
-  const onChangePlan: (value: string, event: React.FormEvent<HTMLInputElement>) => void = (
-    value,
-  ) => {
-    dispatch(setPlanName(value?.trim() ?? ''));
-  };
-
   const onChangeTargetProvider: (
     value: string,
     event: React.FormEvent<HTMLSelectElement>,
@@ -170,39 +159,6 @@ export const PlansCreateForm = ({
           default: '1Col',
         }}
       >
-        {isNameEdited || validation.planName === 'error' ? (
-          <Form isWidthLimited>
-            <FormGroupWithHelpText
-              label={t('Plan name')}
-              isRequired
-              fieldId="planName"
-              validated={validation.planName}
-              helperTextInvalid={t(
-                'Name is required and must be a unique within a namespace and valid Kubernetes name.',
-              )}
-            >
-              <TextInput
-                spellCheck="false"
-                isRequired
-                type="text"
-                id="planName"
-                value={plan.metadata.name}
-                validated={validation.planName}
-                isDisabled={flow.editingDone}
-                onChange={(e, v) => onChangePlan(v, e)}
-              />
-            </FormGroupWithHelpText>
-          </Form>
-        ) : (
-          <EditableDescriptionItem
-            title={t('Plan name')}
-            content={plan.metadata.name}
-            ariaEditLabel={t('Edit plan name')}
-            onEdit={() => setIsNameEdited(true)}
-            isDisabled={flow.editingDone}
-          />
-        )}
-
         <SectionHeading
           text={t('Source provider')}
           className="forklift--create-vm-migration-plan--section-header"
diff --git a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/actions.ts b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/actions.ts
index a17ed70f..8cf37f85 100644
--- a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/actions.ts
+++ b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/actions.ts
@@ -23,6 +23,7 @@ export const DEFAULT_NAMESPACE = 'default';
 
 // action type names
 export const SET_NAME = 'SET_NAME';
+export const SET_PROJECT_NAME = 'SET_PROJECT_NAME';
 export const SET_DESCRIPTION = 'SET_DESCRIPTION';
 export const SET_TARGET_PROVIDER = 'SET_TARGET_PROVIDER';
 export const SET_TARGET_NAMESPACE = 'SET_TARGET_NAMESPACE';
@@ -50,6 +51,7 @@ export const INIT = 'INIT';
 
 export type CreateVmMigration =
   | typeof SET_NAME
+  | typeof SET_PROJECT_NAME
   | typeof SET_DESCRIPTION
   | typeof SET_TARGET_PROVIDER
   | typeof SET_TARGET_NAMESPACE
@@ -86,6 +88,10 @@ export interface PlanName {
   name: string;
 }
 
+export interface ProjectName {
+  name: string;
+}
+
 export interface PlanDescription {
   description: string;
 }
@@ -207,6 +213,13 @@ export const setPlanName = (name: string): PageAction<CreateVmMigration, PlanNam
   },
 });
 
+export const setProjectName = (name: string): PageAction<CreateVmMigration, ProjectName> => ({
+  type: 'SET_PROJECT_NAME',
+  payload: {
+    name,
+  },
+});
+
 export const setAvailableProviders = (
   availableProviders: V1beta1Provider[],
   loaded?: boolean,
@@ -387,12 +400,16 @@ export const removeAlert = (
 
 export const initState = (
   namespace: string,
+  planName,
+  projectName,
   sourceProvider: V1beta1Provider,
   selectedVms: VmData[],
 ): PageAction<CreateVmMigration, InitialStateParameters> => ({
   type: 'INIT',
   payload: {
     namespace,
+    planName,
+    projectName,
     sourceProvider,
     selectedVms,
   },
diff --git a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/createInitialState.ts b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/createInitialState.ts
index 123f0c56..da3ebdef 100644
--- a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/createInitialState.ts
+++ b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/createInitialState.ts
@@ -24,10 +24,14 @@ export type InitialStateParameters = {
   namespace: string;
   sourceProvider: V1beta1Provider;
   selectedVms: VmData[];
+  planName: string;
+  projectName: string;
 };
 
 export const createInitialState = ({
   namespace,
+  planName = '',
+  projectName,
   sourceProvider = {
     metadata: { name: 'unknown', namespace: 'unknown' },
     apiVersion: `${ProviderGVK.group}/${ProviderGVK.version}`,
@@ -39,11 +43,12 @@ export const createInitialState = ({
 
   return {
     underConstruction: {
+      projectName,
       plan: {
         ...planTemplate,
         metadata: {
           ...planTemplate?.metadata,
-          name: '',
+          name: planName,
           namespace,
         },
         spec: {
@@ -112,6 +117,7 @@ export const createInitialState = ({
     },
     validation: {
       planName: 'default',
+      projectName: 'default',
       targetNamespace: 'default',
       targetProvider: 'default',
       networkMappings: hasVmNicWithEmptyProfile ? 'error' : 'default',
diff --git a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/reducer.ts b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/reducer.ts
index a616f316..99a54476 100644
--- a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/reducer.ts
+++ b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/reducer/reducer.ts
@@ -47,6 +47,7 @@ import {
   SET_EXISTING_STORAGE_MAPS,
   SET_NAME,
   SET_NICK_PROFILES,
+  SET_PROJECT_NAME,
   SET_TARGET_NAMESPACE,
   SET_TARGET_PROVIDER,
   START_CREATE,
@@ -82,6 +83,10 @@ const handlers: {
     draft.underConstruction.plan.metadata.name = name;
     draft.validation.planName = validatePlanName(name, draft.existingResources.plans);
   },
+  [SET_PROJECT_NAME](draft, { payload: { name } }: PageAction<CreateVmMigration, PlanName>) {
+    draft.underConstruction.projectName = name;
+    draft.validation.projectName = name ? 'success' : 'error';
+  },
   [SET_TARGET_NAMESPACE](
     draft,
     { payload: { targetNamespace } }: PageAction<CreateVmMigration, PlanTargetNamespace>,
@@ -472,10 +477,16 @@ const handlers: {
   [INIT](
     draft,
     {
-      payload: { namespace, sourceProvider, selectedVms },
+      payload: { namespace, sourceProvider, selectedVms, planName, projectName },
     }: PageAction<CreateVmMigration, InitialStateParameters>,
   ) {
-    const newDraft = createInitialState({ namespace, sourceProvider, selectedVms });
+    const newDraft = createInitialState({
+      namespace,
+      sourceProvider,
+      selectedVms,
+      planName,
+      projectName,
+    });
 
     draft.underConstruction = newDraft.underConstruction;
     draft.calculatedOnce = newDraft.calculatedOnce;
diff --git a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/types.ts b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/types.ts
index 615b16c9..b20b64f1 100644
--- a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/types.ts
+++ b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/types.ts
@@ -24,12 +24,14 @@ import { CreateVmMigration } from './reducer/actions';
 export interface CreateVmMigrationPageState {
   underConstruction: {
     plan: V1beta1Plan;
+    projectName: string;
     netMap: V1beta1NetworkMap;
     storageMap: V1beta1StorageMap;
   };
 
   validation: {
     planName: Validation;
+    projectName: Validation;
     targetNamespace: Validation;
     targetProvider: Validation;
     networkMappings: Validation;
diff --git a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/useFetchEffects.ts b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/useFetchEffects.ts
index af3059a8..8e468f75 100644
--- a/packages/forklift-console-plugin/src/modules/Providers/views/migrate/useFetchEffects.ts
+++ b/packages/forklift-console-plugin/src/modules/Providers/views/migrate/useFetchEffects.ts
@@ -44,7 +44,12 @@ import { CreateVmMigrationPageState } from './types';
 export const useFetchEffects = (
   createVmMigrationContext: CreateVmMigrationContextType,
 ): [CreateVmMigrationPageState, Dispatch<PageAction<CreateVmMigration, unknown>>, boolean] => {
-  const { selectedVms, provider: sourceProvider } = createVmMigrationContext?.data || {};
+  const {
+    selectedVms,
+    provider: sourceProvider,
+    planName,
+    projectName,
+  } = createVmMigrationContext?.data || {};
 
   // error state - the page was entered directly without choosing the VMs
   const emptyContext = !selectedVms?.length || !sourceProvider;
@@ -52,7 +57,7 @@ export const useFetchEffects = (
 
   const [state, dispatch] = useImmerReducer(
     reducer,
-    { namespace, sourceProvider, selectedVms },
+    { namespace, sourceProvider, selectedVms, planName, projectName },
     createInitialState,
   );
 
@@ -73,7 +78,9 @@ export const useFetchEffects = (
   };
 
   useEffect(
-    () => !editingDone && dispatch(initState(namespace, sourceProvider, selectedVms)),
+    () =>
+      !editingDone &&
+      dispatch(initState(namespace, planName, projectName, sourceProvider, selectedVms)),
     [selectedVms],
   );
 

From 5106a1e47c7bd0fddac5d60a0e220eea2ff6e84a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ernesto=20Gonz=C3=A1lez?= <ergonzal@redhat.com>
Date: Tue, 17 Dec 2024 11:25:27 +0100
Subject: [PATCH 4/4] add build-source parameter to all pipelines
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Ernesto González <ergonzal@redhat.com>
---
 .tekton/forklift-console-plugin-pull-request.yaml | 2 ++
 .tekton/forklift-console-plugin-push.yaml         | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/.tekton/forklift-console-plugin-pull-request.yaml b/.tekton/forklift-console-plugin-pull-request.yaml
index bb5a4c47..235b389e 100644
--- a/.tekton/forklift-console-plugin-pull-request.yaml
+++ b/.tekton/forklift-console-plugin-pull-request.yaml
@@ -30,6 +30,8 @@ spec:
     value: build/Containerfile
   - name: path-context
     value: .
+  - name: build-source-image
+    value: "true"
   pipelineSpec:
     description: |
       This pipeline is ideal for building container images from a Containerfile while maintaining trust after pipeline customization.
diff --git a/.tekton/forklift-console-plugin-push.yaml b/.tekton/forklift-console-plugin-push.yaml
index 3a856910..d2e76e0e 100644
--- a/.tekton/forklift-console-plugin-push.yaml
+++ b/.tekton/forklift-console-plugin-push.yaml
@@ -29,6 +29,8 @@ spec:
     value: build/Containerfile
   - name: path-context
     value: .
+  - name: build-source-image
+    value: "true"
   pipelineSpec:
     description: |
       This pipeline is ideal for building container images from a Containerfile while maintaining trust after pipeline customization.