[Style] Hide deprecated settings on UI (#3688)

src/components/dialog/content/setting/SettingGroup.vue

@@ -7,7 +7,7 @@
       }}
     </h3>
     <div
-      v-for="setting in group.settings"
+      v-for="setting in group.settings.filter((s) => !s.deprecated)"
       :key="setting.id"
       class="setting-item mb-4"
     >

src/components/dialog/content/setting/SettingItem.vue

@@ -18,11 +18,6 @@
           <i-material-symbols:experiment-outline />
         </template>
       </Tag>
-      <Tag
-        v-if="setting.deprecated"
-        :value="$t('g.deprecated')"
-        severity="danger"
-      />
     </template>
   </FormItem>
 </template>

src/constants/coreSettings.ts

@@ -1,5 +1,4 @@
-import { LinkMarkerShape } from '@comfyorg/litegraph'
-import { LiteGraph } from '@comfyorg/litegraph'
+import { LinkMarkerShape, LiteGraph } from '@comfyorg/litegraph'
 
 import type { ColorPalettes } from '@/schemas/colorPaletteSchema'
 import type { Keybinding } from '@/schemas/keyBindingSchema'
@@ -7,6 +6,13 @@ import { NodeBadgeMode } from '@/types/nodeSource'
 import { LinkReleaseTriggerAction } from '@/types/searchBoxTypes'
 import type { SettingParams } from '@/types/settingTypes'
 
+/**
+ * Core settings are essential configuration parameters required for ComfyUI's basic functionality.
+ * These settings must be present in the settings store and cannot be omitted.
+ *
+ * IMPORTANT: To prevent ID conflicts, settings should be marked as deprecated rather than removed
+ * when they are no longer needed.
+ */
 export const CORE_SETTINGS: SettingParams[] = [
   {
     id: 'Comfy.Validation.Workflows',