diff --git a/frontend/src/components/__tests__/collections/CollectionsSettings.spec.js b/frontend/src/components/__tests__/collections/CollectionsSettings.spec.js
index bbb34b2c9..056ea001b 100644
--- a/frontend/src/components/__tests__/collections/CollectionsSettings.spec.js
+++ b/frontend/src/components/__tests__/collections/CollectionsSettings.spec.js
@@ -83,11 +83,15 @@ describe('CollectionsSettings.vue', () => {
 
   it('更新集合名称和描述', async () => {
     const wrapper = createWrapper()
-    const updateButtons = wrapper.findAll('.btn-secondary-gray')
     const nicknameInputs = wrapper.findAll('.el-input__inner')
 
     // 使用第一个输入框（集合名称）
     await nicknameInputs[0].setValue('New Name')
+    await nextTick() // 等待响应式更新
+    
+    // 现在更新按钮应该显示了，因为内容发生了变化
+    const updateButtons = wrapper.findAll('.btn-secondary-gray')
+    expect(updateButtons.length).toBeGreaterThan(0)
     await updateButtons[0].trigger('click')
 
     expect(useFetchApiMock).toHaveBeenCalledWith(
@@ -138,8 +142,15 @@ it('删除集合需要正确输入名称', async () => {
   it('处理API错误情况', async () => {
     mockPut.mockResolvedValueOnce({ data: { value: null }, error: { value: { msg: 'Error' } } })
     const wrapper = createWrapper()
-    // 使用更精确的选择器找到第一个更新按钮
+    
+    // 先修改输入内容以触发按钮显示
+    const nicknameInputs = wrapper.findAll('.el-input__inner')
+    await nicknameInputs[0].setValue('Modified Name')
+    await nextTick() // 等待响应式更新
+    
+    // 现在更新按钮应该显示了
     const updateButtons = wrapper.findAll('.btn-secondary-gray')
+    expect(updateButtons.length).toBeGreaterThan(0)
     await updateButtons[0].trigger('click')
 
     expect(ElMessage.warning).toHaveBeenCalled()
diff --git a/frontend/src/components/application_spaces/ApplicationSpaceSettings.vue b/frontend/src/components/application_spaces/ApplicationSpaceSettings.vue
index e1d01a499..32df5a570 100644
--- a/frontend/src/components/application_spaces/ApplicationSpaceSettings.vue
+++ b/frontend/src/components/application_spaces/ApplicationSpaceSettings.vue
@@ -41,7 +41,114 @@
   </div>
 
   <div
-    class="border border-gray-200 rounded-md my-8 md:my-0 md:border-none px-6 py-6">
+  class="flex flex-col gap-6 my-8 md:my-0 md:border-none py-6">
+     <!-- 展示英文名 -->
+     <div class="flex xl:flex-col gap-[32px]">
+      <div class="w-[380px] sm:w-full flex flex-col">
+        <div class="text-sm text-gray-700 leading-5 font-medium">
+          {{ $t('application_spaces.name') }}
+        </div>
+        <div class="text-sm text-gray-600 leading-5">
+          {{ $t('application_spaces.nameTips') }}
+        </div>
+      </div>
+      <div class="flex flex-col gap-1.5">
+        <p class="text-gray-700 text-sm">
+          {{ $t('application_spaces.namespaceName') }}
+        </p>
+        <div
+          class="w-[512px] sm:w-full rounded-md bg-gray-50 px-3.5 py-2.5 border">
+          {{ applicationSpacePath }}
+        </div>
+      </div>
+    </div>
+
+
+    <!-- 更新应用空间别名 -->
+    <div class="flex xl:flex-col gap-[32px]">
+      <div class="w-[380px] sm:w-full flex flex-col">
+        <div class="text-sm text-gray-700 leading-5 font-medium">
+          {{ $t('application_spaces.nickname') }}
+        </div>
+        <div class="text-sm text-gray-600 leading-5">
+          {{ $t('application_spaces.edit.tips') }}
+        </div>
+      </div>
+      <div class="flex flex-col gap-1.5">
+        <el-input
+          v-model="theApplicationSpaceNickname"
+          clearable
+          size="large"
+          class="!w-[512px] sm:!w-full" />
+        <CsgButton
+          v-if="hasNicknameChanged"
+          @click="updateNickname"
+          class="btn btn-secondary-gray btn-sm"
+          style="width:fit-content"
+          data-test="update-nickname"
+          :name="$t('all.update')"
+        />
+      </div>
+    </div>
+
+
+    <!-- 更新应用空间简介 -->
+    <div class="flex xl:flex-col gap-[32px]">
+      <div class="w-[380px] sm:w-full flex flex-col">
+        <div class="text-sm text-gray-700 leading-5 font-medium">
+          {{ $t('application_spaces.desc') }}
+        </div>
+        <div class="text-sm text-gray-600 leading-5">
+          {{ $t('application_spaces.edit.tips2') }}
+        </div>
+      </div>
+      <div class="flex flex-col gap-1.5">
+        <el-input
+          v-model="theApplicationSpaceDesc"
+          clearable
+          size="large"
+          type="textarea"
+          class="!w-[512px] sm:!w-full" />
+        <CsgButton
+          v-if="hasDescChanged"
+          @click="updateApplicationSpaceDesc"
+          class="btn btn-secondary-gray btn-sm"
+          style="width:fit-content"
+          data-test="update-description"
+          :name="$t('all.update')"
+        />
+      </div>
+    </div>
+    
+    <el-divider />
+
+    <!-- space cluster -->
+    <div class="flex xl:flex-col gap-8 mb-[24px]">
+      <div class="w-[380px] sm:w-full flex flex-col">
+        <div class="text-sm text-gray-700 leading-5 font-medium">
+          {{ $t('application_spaces.new.cluster') }}
+        </div>
+      </div>
+      <div class="flex flex-col gap-1.5">
+        <div class="flex flex-col gap-1.5">
+          <el-select
+            v-model="theClusterId"
+            :placeholder="$t('all.pleaseSelect', { value: $t('application_spaces.new.cluster') })"
+            size="large"
+            class="!w-[512px] sm:!w-full"
+            @change="onClusterSelectChange"
+          >
+            <el-option
+              v-for="item in spaceClusters"
+              :key="item.cluster_id"
+              :label="item.region"
+              :value="item.cluster_id"
+            />
+          </el-select>
+        </div>
+      </div>
+    </div>
+
     <!-- cloud resource -->
     <div class="flex xl:flex-col gap-8">
       <div class="w-[380px] sm:w-full flex flex-col">
@@ -70,6 +177,14 @@
             :disabled="!item.is_available"
           />
         </el-select>
+        <CsgButton
+          v-if="hasClusterOrResourceChanged"
+          @click="updateClusterAndResource"
+          class="btn btn-secondary-gray btn-sm mt-2 w-fit"
+          data-test="update-cluster-resource"
+          :name="$t('all.update')"
+          :disabled="!theCloudResource || !theClusterId || resourcesLoading"
+        />
       </div>
     </div>
 
@@ -102,7 +217,6 @@
       </div>
     </div>
 
-    <el-divider />
 
     <!-- 重启 Space -->
     <div class="flex xl:flex-col gap-[32px]">
@@ -121,87 +235,7 @@
         />
       </div>
     </div>
-
-    <el-divider />
-
-    <!-- 展示英文名 -->
-    <div class="flex xl:flex-col gap-[32px]">
-      <div class="w-[380px] sm:w-full flex flex-col">
-        <div class="text-sm text-gray-700 leading-5 font-medium">
-          {{ $t('application_spaces.name') }}
-        </div>
-        <div class="text-sm text-gray-600 leading-5">
-          {{ $t('application_spaces.nameTips') }}
-        </div>
-      </div>
-      <div class="flex flex-col gap-1.5">
-        <p class="text-gray-700 text-sm">
-          {{ $t('application_spaces.namespaceName') }}
-        </p>
-        <div
-          class="w-[512px] sm:w-full rounded-md bg-gray-50 px-3.5 py-2.5 border">
-          {{ applicationSpacePath }}
-        </div>
-      </div>
-    </div>
-
-    <el-divider />
-
-    <!-- 更新应用空间别名 -->
-    <div class="flex xl:flex-col gap-[32px]">
-      <div class="w-[380px] sm:w-full flex flex-col">
-        <div class="text-sm text-gray-700 leading-5 font-medium">
-          {{ $t('application_spaces.nickname') }}
-        </div>
-        <div class="text-sm text-gray-600 leading-5">
-          {{ $t('application_spaces.edit.tips') }}
-        </div>
-      </div>
-      <div class="flex flex-col gap-1.5">
-        <el-input
-          v-model="theApplicationSpaceNickname"
-          clearable
-          size="large"
-          class="!w-[512px] sm:!w-full" />
-        <CsgButton
-          @click="updateNickname"
-          class="btn btn-secondary-gray btn-sm"
-          style="width:fit-content"
-          data-test="update-nickname"
-          :name="$t('all.update')"
-        />
-      </div>
-    </div>
-
-    <el-divider />
-
-    <!-- 更新应用空间简介 -->
-    <div class="flex xl:flex-col gap-[32px]">
-      <div class="w-[380px] sm:w-full flex flex-col">
-        <div class="text-sm text-gray-700 leading-5 font-medium">
-          {{ $t('application_spaces.desc') }}
-        </div>
-        <div class="text-sm text-gray-600 leading-5">
-          {{ $t('application_spaces.edit.tips2') }}
-        </div>
-      </div>
-      <div class="flex flex-col gap-1.5">
-        <el-input
-          v-model="theApplicationSpaceDesc"
-          clearable
-          size="large"
-          type="textarea"
-          class="!w-[512px] sm:!w-full" />
-        <CsgButton
-          @click="updateApplicationSpaceDesc"
-          class="btn btn-secondary-gray btn-sm"
-          style="width:fit-content"
-          data-test="update-description"
-          :name="$t('all.update')"
-        />
-      </div>
-    </div>
-
+    
     <!-- docker space variables -->
     <el-divider v-if="theVariables && Object.keys(theVariables).length > 0"/>
     <div v-if="theVariables && Object.keys(theVariables).length > 0">
@@ -220,6 +254,7 @@
             <el-input v-model="theVariables[name]" size="large" class="!w-[400px] sm:!w-full"></el-input>
           </div>
           <CsgButton
+            v-if="hasVariablesChanged"
             @click="updateVaribles"
             class="btn btn-secondary-gray btn-sm"
             style="width:fit-content"
@@ -249,6 +284,7 @@
             :hideTitle="true"
           />
           <CsgButton
+            v-if="hasEnvChanged"
             @click="updateEnv"
             class="btn btn-secondary-gray btn-sm"
             style="width:fit-content"
@@ -330,7 +366,6 @@
       </div>
     </div>
 
-    <el-divider />
 
     <!-- cover image feature temporarily disabled
     <div class="flex xl:flex-col gap-[32px]">
@@ -452,9 +487,13 @@
         theApplicationSpaceNickname: this.applicationSpaceNickname || '',
         theApplicationSpaceDesc: this.applicationSpaceDesc || '',
         theVariables: this.variables || {},
-        theCloudResource: /^\d+$/.test(this.cloudResource)
-          ? Number(this.cloudResource)
-          : this.cloudResource,
+        theClusterId: this.clusterId || '',
+        theCloudResource: this.cloudResource != null ? String(this.cloudResource) : '',
+        originalApplicationSpaceNickname: this.applicationSpaceNickname || '',
+        originalApplicationSpaceDesc: this.applicationSpaceDesc || '',
+        originalVariables: JSON.stringify(this.variables || {}),
+        originalClusterId: this.clusterId || '',
+        originalCloudResource: this.cloudResource != null ? String(this.cloudResource) : '',
         options: [
           { value: 'Private', label: this.$t('all.private') },
           { value: 'Public', label: this.$t('all.public') }
@@ -472,6 +511,10 @@
         imageUploaded: false,
         envJSON:'',
         secretJSON:'',
+        originalEnvJSON: '',
+        originalSecretJSON: '',
+        detailLoaded: false,
+        detailLoading: false,
         t: useI18n()
       }
     },
@@ -515,6 +558,23 @@
       },
       notInitialized() {
         return this.appStatus === 'NoAppFile'
+      },
+      hasNicknameChanged() {
+        return this.theApplicationSpaceNickname.trim() !== this.originalApplicationSpaceNickname.trim()
+      },
+      hasDescChanged() {
+        return this.theApplicationSpaceDesc.trim() !== this.originalApplicationSpaceDesc.trim()
+      },
+      hasVariablesChanged() {
+        return JSON.stringify(this.theVariables) !== this.originalVariables
+      },
+      hasClusterOrResourceChanged() {
+        return (this.theClusterId !== this.originalClusterId) || 
+               (this.theCloudResource !== this.originalCloudResource)
+      },
+      hasEnvChanged() {
+        return (this.envJSON !== this.originalEnvJSON) || 
+               (this.secretJSON !== this.originalSecretJSON)
       }
     },
 
@@ -571,7 +631,7 @@
         }
       },
 
-      async fetchSpaceResources() {
+      async fetchSpaceResources(forcePickFirst = false) {
         const { data, error } = await useFetchApi(`/space_resources?cluster_id=${this.clusterId}&deploy_type=0`).json()
 
         if (!data.value) {
@@ -580,8 +640,45 @@
             type: 'warning'
           })
         } else {
-          this.spaceResources = data.value.data
+          const list = data.value.data || []
+          this.spaceResources = list
+          const ids = list.map(item => String(item.id))
+          const current = this.theCloudResource ? String(this.theCloudResource) : ''
+          if (forcePickFirst) {
+            const firstAvailable = list.find(item => item.is_available) || null
+            this.theCloudResource = firstAvailable ? String(firstAvailable.id) : ''
+          } else {
+            if (!current || !ids.includes(current)) {
+              const propVal = this.cloudResource != null ? String(this.cloudResource) : ''
+              if (propVal && ids.includes(propVal)) {
+                this.theCloudResource = propVal
+              } else {
+                const firstAvailable = list.find(item => item.is_available) || null
+                this.theCloudResource = firstAvailable ? String(firstAvailable.id) : ''
+              }
+            }
+          }
+          // Set original values after resource is set
+          if (!this.originalCloudResource && this.theCloudResource) {
+            this.originalCloudResource = this.theCloudResource
+          }
+        }
+        this.resourcesLoading = false
+      },
+
+      async updateClusterAndResource() {
+        const rid = Number(this.theCloudResource)
+        if (Number.isNaN(rid)) return
+        
+        const payload = { 
+          cluster_id: this.theClusterId,
+          resource_id: rid
         }
+        await this.updateApplicationSpace(payload, this.$t('application_spaces.edit.cloudResource'))
+      },
+
+      onClusterSelectChange() {
+        this.fetchSpaceResources(true)
       },
 
       async stopSpace() {
@@ -686,6 +783,9 @@
           if (envJSON) {
             try {
               this.envJSON = envJSON
+              if (!this.originalEnvJSON) {
+                this.originalEnvJSON = envJSON
+              }
             } catch (error) {
               console.log(error)
             }
@@ -693,6 +793,9 @@
           if (secretJSON) {
             try {
               this.secretJSON = secretJSON
+              if (!this.originalSecretJSON) {
+                this.originalSecretJSON = secretJSON
+              }
             } catch (error) {
               console.log(error)
             }
@@ -827,6 +930,30 @@
       showErrorLogs() {
         this.$emit('showSpaceLogs')
       }
+    },
+    watch: {
+      clusterId: {
+        handler(cid) {
+          if (cid && this.theClusterId !== cid) {
+            this.theClusterId = cid
+            // Set original clusterId if not set yet
+            if (!this.originalClusterId) {
+              this.originalClusterId = cid
+            }
+            // 同步刷新资源，确保资源列表与下拉展示一致
+            this.fetchSpaceResources()
+          }
+        },
+        immediate: true
+      },
+      cloudResource: {
+        handler(resource) {
+          if (resource != null && !this.originalCloudResource) {
+            this.originalCloudResource = String(resource)
+          }
+        },
+        immediate: true
+      }
     }
   }
 </script>
diff --git a/frontend/src/components/codes/CodeSettings.vue b/frontend/src/components/codes/CodeSettings.vue
index 9fa9cffb0..056c51e79 100644
--- a/frontend/src/components/codes/CodeSettings.vue
+++ b/frontend/src/components/codes/CodeSettings.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="border border-gray-200 rounded-md my-8 md:my-0 md:border-none px-6 py-6">
+  class="flex flex-col gap-6 my-8 md:my-0 md:border-none py-6">
     <!-- 展示英文名 -->
     <div class="flex xl:flex-col gap-8">
       <div class="w-[380px] sm:w-full flex flex-col">
@@ -22,7 +22,6 @@
       </div>
     </div>
 
-    <el-divider />
 
     <!-- 更新别名 -->
     <div class="flex xl:flex-col gap-8">
@@ -41,6 +40,7 @@
           size="large"
           class="!w-[512px] sm:!w-full" />
         <CsgButton
+          v-if="hasNicknameChanged"
           @click="updateNickname"
           class="btn btn-secondary-gray btn-sm w-fit"
           data-test="update-nickname"
@@ -48,7 +48,6 @@
       </div>
     </div>
 
-    <el-divider />
 
     <!-- 更新简介 -->
     <div class="flex xl:flex-col gap-[32px]">
@@ -68,6 +67,7 @@
           type="textarea"
           class="!w-[512px] sm:!w-full" />
         <CsgButton
+          v-if="hasDescChanged"
           @click="updateCodeDesc"
           class="btn btn-secondary-gray btn-sm w-fit"
           :name="$t('all.update')" />
@@ -115,7 +115,6 @@
       </div>
     </div>
 
-    <el-divider />
 
     <!-- 删除 -->
     <div class="flex xl:flex-col gap-8">
@@ -178,6 +177,8 @@
         theCodeNickname: this.codeNickname || '',
         theCodeDesc: this.codeDesc || '',
         codePath: this.path,
+        originalCodeNickname: this.codeNickname || '',
+        originalCodeDesc: this.codeDesc || '',
         options: [
           { value: 'Private', label: this.$t('all.private') },
           { value: 'Public', label: this.$t('all.public') }
@@ -187,6 +188,12 @@
     computed: {
       ...mapState(useRepoDetailStore, ['isPrivate']),
       ...mapWritableState(useRepoDetailStore, ['privateVisibility']),
+      hasNicknameChanged() {
+        return this.theCodeNickname.trim() !== this.originalCodeNickname.trim()
+      },
+      hasDescChanged() {
+        return this.theCodeDesc.trim() !== this.originalCodeDesc.trim()
+      },
       visibilityName: {
         get() {
           return !!this.privateVisibility ? 'Private' : 'Public'
diff --git a/frontend/src/components/collections/CollectionsSettings.vue b/frontend/src/components/collections/CollectionsSettings.vue
index bcb08cf1d..c0e79bfe8 100644
--- a/frontend/src/components/collections/CollectionsSettings.vue
+++ b/frontend/src/components/collections/CollectionsSettings.vue
@@ -1,7 +1,6 @@
 <template>
   <div
-    class="border border-gray-200 rounded-md my-8 md:my-0 md:border-none px-6 py-6"
-  >
+  class="flex flex-col gap-6 my-8 md:my-0 md:border-none py-6">
     <!-- collection name -->
     <div class="flex xl:flex-col gap-8">
       <div class="w-[380px] sm:w-full flex flex-col">
@@ -20,12 +19,12 @@
           class="!w-[512px] sm:!w-full"
         />
         <CsgButton
+          v-if="hasNicknameChanged"
           @click="updateCollection()"
           class="btn btn-secondary-gray btn-sm w-fit"
           :name="$t('all.update')" />
       </div>
     </div>
-    <el-divider />
 
     <!-- collection desc -->
     <div class="flex xl:flex-col gap-8">
@@ -45,12 +44,12 @@
           class="!w-[512px] sm:!w-full"
         />
         <CsgButton
+          v-if="hasDescChanged"
           @click="updateCollection()"
           class="btn btn-secondary-gray btn-sm w-fit"
           :name="$t('all.update')" />
       </div>
     </div>
-    <el-divider />
 
     <!-- theme -->
     <div class="flex xl:flex-col gap-[32px]">
@@ -104,7 +103,6 @@
         </el-select>
       </div>
     </div>
-    <el-divider /> -->
 
     <!-- Change Visibility -->
     <div class="flex xl:flex-col gap-8">
@@ -140,7 +138,6 @@
         </el-select>
       </div>
     </div>
-    <el-divider />
 
     <!-- 删除应用空间 -->
     <div class="flex xl:flex-col gap-8">
@@ -187,7 +184,7 @@
 </template>
 
 <script setup>
-  import { ref, onMounted, h, inject } from 'vue'
+  import { ref, computed, onMounted, h, inject } from 'vue'
   import { ElMessage, ElMessageBox } from 'element-plus'
   import useFetchApi from '../../packs/useFetchApi'
   import { useI18n } from 'vue-i18n'
@@ -207,6 +204,10 @@
   const collectionNickname = ref(props.collection.nickname)
   const collectionDesc = ref(props.collection.description)
   const visibility = ref(props.collection.privateVisibility)
+  
+  // Store original values for comparison
+  const originalCollectionNickname = ref(props.collection.nickname)
+  const originalCollectionDesc = ref(props.collection.description)
   const options = ref([
     { value: true, label: t('all.private') },
     { value: false, label: t('all.public') }
@@ -220,6 +221,15 @@
   ])
 
   const fetchCollectionDetail = inject('fetchCollectionDetail')
+  
+  // Computed properties to detect changes
+  const hasNicknameChanged = computed(() => {
+    return collectionNickname.value?.trim() !== originalCollectionNickname.value?.trim()
+  })
+  
+  const hasDescChanged = computed(() => {
+    return collectionDesc.value?.trim() !== originalCollectionDesc.value?.trim()
+  })
 
   const changeVisibility = (value) => {
     ElMessageBox({
diff --git a/frontend/src/components/datasets/DatasetSettings.vue b/frontend/src/components/datasets/DatasetSettings.vue
index 0d5fbc145..288d0ac41 100644
--- a/frontend/src/components/datasets/DatasetSettings.vue
+++ b/frontend/src/components/datasets/DatasetSettings.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="border border-gray-200 rounded-md my-8 md:my-0 md:border-none px-6 py-6">
+  class="flex flex-col gap-6 my-8 md:my-0 md:border-none py-6">
     <!-- 展示英文名 -->
     <div class="flex xl:flex-col gap-8">
       <div class="w-[380px] sm:w-full flex flex-col">
@@ -22,7 +22,6 @@
       </div>
     </div>
 
-    <el-divider />
 
     <!-- 更新数据集别名 -->
     <div class="flex xl:flex-col gap-8">
@@ -41,6 +40,7 @@
           size="large"
           class="!w-[512px] sm:!w-full" />
         <CsgButton
+          v-if="hasNicknameChanged"
           @click="updateNickname"
           class="btn btn-secondary-gray btn-sm w-fit"
           :name="$t('all.update')"
@@ -48,7 +48,6 @@
       </div>
     </div>
 
-    <el-divider />
 
     <!-- 更新数据集简介 -->
     <div class="flex xl:flex-col gap-8">
@@ -68,6 +67,7 @@
           type="textarea"
           class="!w-[512px] sm:!w-full" />
         <CsgButton
+          v-if="hasDescChanged"
           @click="updateDatasetDesc"
           class="btn btn-secondary-gray btn-sm w-fit"
           :name="$t('all.update')"
@@ -127,6 +127,7 @@
             </p>
           </div>
           <CsgButton
+            v-if="hasTagsChanged"
             @click="updateTags"
             class="btn btn-secondary-gray btn-sm w-fit"
             :name="$t('all.update')"
@@ -137,8 +138,6 @@
       </div>
     </div>
 
-    <el-divider />
-
     <!-- 行业标签 -->
     <div class="flex xl:flex-col gap-8">
       <div class="w-[380px] sm:w-full flex flex-col">
@@ -193,6 +192,7 @@
             </p>
           </div>
           <CsgButton
+            v-if="hasIndustryTagsChanged"
             @click="updateIndustryTags"
             class="btn btn-secondary-gray btn-sm w-fit"
             :name="$t('all.update')"
@@ -244,8 +244,6 @@
       </div>
     </div>
 
-    <el-divider />
-
     <!-- 数据集删除 -->
     <div class="flex xl:flex-col gap-8">
       <div class="w-[380px] sm:w-full flex flex-col">
@@ -330,6 +328,10 @@
         readmeSha: '',
         isUpdatingTags: false,
         isUpdatingIndustryTags: false,
+        originalDatasetNickname: this.datasetNickname || '',
+        originalDatasetDesc: this.datasetDesc || '',
+        originalTags: [],
+        originalIndustryTags: [],
         options: [
           { value: 'Private', label: this.$t('all.private') },
           { value: 'Public', label: this.$t('all.public') }
@@ -339,6 +341,24 @@
     computed: {
       ...mapState(useRepoDetailStore, ['isPrivate']),
       ...mapWritableState(useRepoDetailStore, ['privateVisibility']),
+      hasNicknameChanged() {
+        return this.theDatasetNickname.trim() !== this.originalDatasetNickname.trim()
+      },
+      hasDescChanged() {
+        return this.theDatasetDesc.trim() !== this.originalDatasetDesc.trim()
+      },
+      hasTagsChanged() {
+        if (this.originalTags.length !== this.selectedTags.length) return true
+        const originalTagIds = this.originalTags.map(tag => tag.uid).sort()
+        const currentTagIds = this.selectedTags.map(tag => tag.uid).sort()
+        return JSON.stringify(originalTagIds) !== JSON.stringify(currentTagIds)
+      },
+      hasIndustryTagsChanged() {
+        if (this.originalIndustryTags.length !== this.selectedIndustryTags.length) return true
+        const originalTagIds = this.originalIndustryTags.map(tag => tag.uid).sort()
+        const currentTagIds = this.selectedIndustryTags.map(tag => tag.uid).sort()
+        return JSON.stringify(originalTagIds) !== JSON.stringify(currentTagIds)
+      },
       visibilityName: {
         get() {
           return !!this.privateVisibility ? 'Private' : 'Public'
@@ -419,6 +439,13 @@
             return tag
           })
         ]
+        // Store original values for comparison
+        if (this.originalTags.length === 0) {
+          this.originalTags = JSON.parse(JSON.stringify(this.selectedTags))
+        }
+        if (this.originalIndustryTags.length === 0) {
+          this.originalIndustryTags = JSON.parse(JSON.stringify(this.selectedIndustryTags))
+        }
       },
       clickDelete() {
         if (this.delDesc === this.datasetPath) {