From 562657dd27d534c1f4d645d224d117c03a2ff58e Mon Sep 17 00:00:00 2001
From: surajmn1 <suraj.natraj@factly.in>
Date: Fri, 7 Nov 2025 17:45:14 +0530
Subject: [PATCH] web : fix dataset name field - unable to clear name and
 provide new name for dataset

---
 web/src/components/dataset/dataset-upload-wizard.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/components/dataset/dataset-upload-wizard.tsx b/web/src/components/dataset/dataset-upload-wizard.tsx
index 627a0a70..c197639b 100644
--- a/web/src/components/dataset/dataset-upload-wizard.tsx
+++ b/web/src/components/dataset/dataset-upload-wizard.tsx
@@ -624,7 +624,7 @@ export function DatasetUploadWizard({ projectId }: DatasetUploadWizardProps) {
 
   // Pre-populate dataset name from filename when reaching step 4
   React.useEffect(() => {
-    if (currentStep === 4 && originalFileName && !datasetName) {
+    if (currentStep === 4 && originalFileName && !datasetName && !datasetNameTouched) {
       // Remove file extension and clean up the filename
       const nameWithoutExtension = originalFileName.replace(/\.[^/.]+$/, "");
       // Replace underscores and hyphens with spaces, then capitalize words
@@ -633,7 +633,7 @@ export function DatasetUploadWizard({ projectId }: DatasetUploadWizardProps) {
         .replace(/\b\w/g, (char) => char.toUpperCase());
       setDatasetName(cleanedName);
     }
-  }, [currentStep, originalFileName, datasetName, setDatasetName]);
+  }, [currentStep, originalFileName, datasetName, setDatasetName, datasetNameTouched]);
 
   // Auto-generate dataset description when reaching step 4
   React.useEffect(() => {
@@ -1262,7 +1262,10 @@ export function DatasetUploadWizard({ projectId }: DatasetUploadWizardProps) {
                     id="dataset-name"
                     placeholder="Enter dataset name"
                     value={datasetName}
-                    onChange={(e) => setDatasetName(e.target.value)}
+                    onChange={(e) => {
+                      setDatasetName(e.target.value);
+                      setDatasetNameTouched(true);
+                    }}
                     onBlur={() => setDatasetNameTouched(true)}
                     className={
                       datasetNameTouched && !datasetName.trim()