Add project-created notice; clear persisted draft

Show a "Project created successfully" callout in the Tasks step and pass a createdProjectName prop (falls back to draft name). Add clearPersistedState() in the project wizard composable (wraps clearStoredState) and use a new leaveWizard helper to clear persisted draft state before navigating away from the wizard. Replace several clearDraft() usages with clearPersistedState to ensure stored wizard state is removed when exiting.

Author: shweta2101

components/project-wizard/steps/TasksGenerationStep.vue

@@ -5,6 +5,17 @@
       <p class="project-wizard-step-copy">{{ step.description }}</p>
     </header>
 
+    <section class="project-wizard-tasks-project-created" aria-live="polite">
+      <app-icon variant="check_circle" size="18" no-margin />
+      <div class="project-wizard-tasks-project-created-copy">
+        <strong>Project created successfully</strong>
+        <p>
+          <span v-if="createdProjectName">“{{ createdProjectName }}” is now saved as a draft.</span>
+          Generate tasks to complete the setup.
+        </p>
+      </div>
+    </section>
+
     <section class="project-wizard-tasks-callout" aria-live="polite">
       <app-icon variant="info" size="18" no-margin />
       <p class="project-wizard-tasks-callout-copy">
@@ -89,6 +100,7 @@ import type {
 
 interface Props {
   canGenerate: boolean;
+  createdProjectName: string;
   generatedSummary: ProjectWizardTaskGenerationSummary | null;
   generating: boolean;
   maximumTaskAreaSquareKilometers: number;
@@ -162,6 +174,7 @@ function onTaskAreaInput(event: Event) {
 }
 
 .project-wizard-tasks-callout,
+.project-wizard-tasks-project-created,
 .project-wizard-tasks-success {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr);
@@ -170,6 +183,29 @@ function onTaskAreaInput(event: Event) {
   border-radius: 0.4rem;
 }
 
+.project-wizard-tasks-project-created {
+  color: #0f5132;
+  background-color: #eef9f3;
+  border: 1px solid #b9e4ca;
+  border-left: 4px solid #69b88a;
+}
+
+.project-wizard-tasks-project-created-copy {
+  display: grid;
+  gap: 0.2rem;
+}
+
+.project-wizard-tasks-project-created-copy strong,
+.project-wizard-tasks-project-created-copy p {
+  margin: 0;
+}
+
+.project-wizard-tasks-project-created-copy p {
+  color: rgba($secondary, 0.98);
+  font-size: 0.94rem;
+  line-height: 1.55;
+}
+
 .project-wizard-tasks-callout {
   color: $text-navy;
   background-color: rgba($purple-background-medium, 0.32);

composables/useProjectWizard.ts

@@ -176,6 +176,10 @@ export function useProjectWizard(workspaceId: WorkspaceId) {
     currentStep.value = 'details';
   }
 
+  function clearPersistedState() {
+    clearStoredState(workspaceId);
+  }
+
   function hydrateDraft() {
     applyStoredState(readStoredState(workspaceId));
   }
@@ -201,6 +205,7 @@ export function useProjectWizard(workspaceId: WorkspaceId) {
 
   return {
     clearDraft,
+    clearPersistedState,
     creating,
     createdProject,
     currentStep,

pages/workspace/[id]/projects/create.vue

@@ -70,6 +70,7 @@
                   v-else-if="tasksStep"
                   :step="tasksStep"
                   :can-generate="Boolean(draft.area.aoi) && taskPreviewSummary.totalTasks > 0"
+                  :created-project-name="createdProject?.projectName ?? draft.details.name.trim()"
                   :generated-summary="generatedTaskSummary"
                   :generating="generatingTasks"
                   :maximum-task-area-square-kilometers="PROJECT_WIZARD_TASK_AREA_MAXIMUM"
@@ -208,7 +209,7 @@ const {
   createdProject,
   currentStep,
   currentStepIndex,
-  clearDraft,
+  clearPersistedState,
   draft,
   goNext,
   goPrevious,
@@ -451,9 +452,13 @@ function updateDetailsField(fieldId: ProjectWizardDetailsFieldId, value: string)
   draft.details[fieldId] = value;
 }
 
+async function leaveWizard(targetRoute: string) {
+  clearPersistedState();
+  await navigateTo(targetRoute);
+}
+
 async function exitWizard() {
-  clearDraft();
-  await navigateTo(projectsRoute);
+  await leaveWizard(projectsRoute);
 }
 
 async function onPrimaryAction() {
@@ -463,8 +468,7 @@ async function onPrimaryAction() {
   }
 
   if (currentStep.value === 'tasks') {
-    clearDraft();
-    await navigateTo(projectsRoute);
+    await leaveWizard(projectsRoute);
     return;
   }
 
@@ -511,8 +515,7 @@ async function handleStatusDialogPrimaryAction() {
   }
 
   if (dialog.primaryRoute) {
-    clearDraft();
-    await navigateTo(dialog.primaryRoute);
+    await leaveWizard(dialog.primaryRoute);
   }
 }
 
@@ -521,8 +524,7 @@ async function handleStatusDialogSecondaryAction() {
   closeStatusDialog();
 
   if (targetRoute) {
-    clearDraft();
-    await navigateTo(targetRoute);
+    await leaveWizard(targetRoute);
   }
 }