feat: Add deprecation warning for noise and fragment settings across multiple locales

Author: x0sina

dashboard/public/statics/locales/en.json

@@ -1431,6 +1431,7 @@
       "randRange": "Rand Range",
       "randRangePlaceholder": "Enter rand range (e.g. 10-20)"
     },
+    "fragmentNoiseDeprecated": "`noise` and `fragment` are being removed in newer versions — use `finalMask` instead.",
     "finalmask": {
       "title": "FinalMask Settings",
       "enable": "Enable FinalMask",
@@ -2797,6 +2798,7 @@
         "noiseDelay": "Delay (ms)",
         "addNoise": "Add noise",
         "removeNoise": "Remove noise",
+        "fragmentNoiseDeprecated": "`noise` and `fragment` are being removed in newer versions — use `finalMask` instead.",
         "finalRulesTitle": "Final rules",
         "finalRulesHint": "Applied at Freedom’s final outbound stage. IP: one CIDR or geoip tag per line.",
         "addRule": "Add rule",

dashboard/public/statics/locales/fa.json

@@ -1266,6 +1266,7 @@
       "randRange": "محدوده تصادفی",
       "randRangePlaceholder": "محدوده تصادفی را وارد کنید (مثلاً 10-20)"
     },
+    "fragmentNoiseDeprecated": "`noise` و `fragment` در نسخه‌های جدیدتر حذف می‌شوند — به‌جای آن از `finalMask` استفاده کنید.",
     "finalmask": {
       "title": "تنظیمات FinalMask",
       "enable": "فعال‌سازی FinalMask",
@@ -2680,6 +2681,7 @@
         "noiseDelay": "تأخیر (میلی‌ثانیه)",
         "addNoise": "افزودن نویز",
         "removeNoise": "حذف نویز",
+        "fragmentNoiseDeprecated": "`noise` و `fragment` در نسخه‌های جدیدتر حذف می‌شوند — به‌جای آن از `finalMask` استفاده کنید.",
         "finalRulesTitle": "قوانین نهایی",
         "finalRulesHint": "در مرحله نهایی Freedom اعمال می‌شود. IP: هر خط یک CIDR یا برچسب geoip.",
         "addRule": "افزودن قانون",

dashboard/public/statics/locales/ru.json

@@ -1649,6 +1649,7 @@
       "randRange": "Случайный диапазон",
       "randRangePlaceholder": "Введите случайный диапазон (например 10-20)"
     },
+    "fragmentNoiseDeprecated": "`noise` и `fragment` удаляются в новых версиях — используйте `finalMask`.",
     "finalmask": {
       "title": "Настройки FinalMask",
       "enable": "Включить FinalMask",
@@ -2655,6 +2656,7 @@
         "noiseDelay": "Задержка (мс)",
         "addNoise": "Добавить шум",
         "removeNoise": "Удалить шум",
+        "fragmentNoiseDeprecated": "`noise` и `fragment` удаляются в новых версиях — используйте `finalMask`.",
         "finalRulesTitle": "Финальные правила",
         "finalRulesHint": "Применяются на финальной стадии Freedom. IP: по одному CIDR или geoip на строку.",
         "addRule": "Добавить правило",

dashboard/public/statics/locales/zh.json

@@ -1404,6 +1404,7 @@
       "randRange": "随机范围",
       "randRangePlaceholder": "输入随机范围（例如 10-20）"
     },
+    "fragmentNoiseDeprecated": "`noise` 和 `fragment` 将在新版本中移除 — 请改用 `finalMask`。",
     "finalmask": {
       "title": "FinalMask 设置",
       "enable": "启用 FinalMask",
@@ -2724,6 +2725,7 @@
         "noiseDelay": "延迟（毫秒）",
         "addNoise": "添加噪声",
         "removeNoise": "删除噪声",
+        "fragmentNoiseDeprecated": "`noise` 和 `fragment` 将在新版本中移除 — 请改用 `finalMask`。",
         "finalRulesTitle": "最终规则 (finalRules)",
         "finalRulesHint": "在 Freedom 最终出站阶段匹配。IP：每行一个 CIDR 或 geoip 标签。",
         "addRule": "添加规则",

dashboard/src/features/core-editor/components/xray/outbound-special-protocol-settings.tsx

@@ -1,4 +1,5 @@
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'
+import { Alert, AlertDescription } from '@/components/ui/alert'
 import { Button } from '@/components/ui/button'
 import { StringArrayPopoverInput } from '@/components/common/string-array-popover-input'
 import { Input } from '@/components/ui/input'
@@ -10,7 +11,7 @@ import { normalizeSettingsFromEditor } from '@/features/core-editor/kit/outbound
 import { useCoreEditorStore } from '@/features/core-editor/state/core-editor-store'
 import type { Outbound } from '@pasarguard/xray-config-kit'
 import type { TFunction } from 'i18next'
-import { Globe2, ListOrdered, Plus, Radio, Scissors, Trash2 } from 'lucide-react'
+import { AlertTriangle, Globe2, ListOrdered, Plus, Radio, Scissors, Trash2 } from 'lucide-react'
 import { useEffect, useMemo, useState } from 'react'
 
 type PatchOutbound = (next: Outbound) => void
@@ -186,6 +187,10 @@ function OutboundFreedomSettings({ ob, patchOutbound, t }: { ob: Outbound; patch
     commitFreedom(next)
   }
 
+  const hasFragmentPopulated = Boolean(fragPackets.trim() || fragLength.trim() || fragInterval.trim())
+  const hasNoisePopulated = noiseRows.some(row => row.packet.trim() || row.delay.trim())
+  const showFragmentNoiseDeprecatedWarning = hasFragmentPopulated || hasNoisePopulated
+
   return (
     <div className="flex flex-col gap-4">
       <p className="text-muted-foreground text-xs">
@@ -194,6 +199,17 @@ function OutboundFreedomSettings({ ob, patchOutbound, t }: { ob: Outbound; patch
         })}
       </p>
 
+      {showFragmentNoiseDeprecatedWarning && (
+        <Alert className="border-amber-500/40 bg-amber-500/10 text-amber-900 dark:text-amber-100">
+          <AlertTriangle className="h-4 w-4 text-amber-600 dark:text-amber-400" />
+          <AlertDescription className="text-xs sm:text-sm">
+            {t('coreEditor.outbound.freedom.fragmentNoiseDeprecated', {
+              defaultValue: '`noise` and `fragment` are being removed in newer versions — use `finalMask` instead.',
+            })}
+          </AlertDescription>
+        </Alert>
+      )}
+
       <div className="grid w-full gap-4 sm:grid-cols-2">
         <div className="flex w-full min-w-0 flex-col gap-2">
           <Label className="text-xs font-medium">{t('coreEditor.outbound.freedom.domainStrategy', { defaultValue: 'Domain strategy' })}</Label>

dashboard/src/features/hosts/dialogs/host-modal.tsx

@@ -1,4 +1,5 @@
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion'
+import { Alert, AlertDescription } from '@/components/ui/alert'
 import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import { StringArrayPopoverInput } from '@/components/common/string-array-popover-input'
@@ -17,7 +18,7 @@ import { cn } from '@/lib/utils'
 import { ClientTemplateType, UserStatus, getHosts, useGetClientTemplatesSimple } from '@/service/api'
 import { queryClient } from '@/utils/query-client'
 import { useQuery } from '@tanstack/react-query'
-import { Cable, ChevronsLeftRightEllipsis, Copy, Pencil, GlobeLock, Info, Loader2, Lock, Network, Plus, Route, Trash2, X, ListTodo } from 'lucide-react'
+import { AlertTriangle, Cable, ChevronsLeftRightEllipsis, Copy, Pencil, GlobeLock, Info, Loader2, Lock, Network, Plus, Route, Trash2, X, ListTodo } from 'lucide-react'
 import { memo, useCallback, useEffect, useMemo, useState } from 'react'
 import { UseFormReturn } from 'react-hook-form'
 import { useTranslation } from 'react-i18next'
@@ -324,9 +325,17 @@ const HostModal: React.FC<HostModalProps> = ({ isDialogOpen, onOpenChange, onSub
   const [_isSubmitting, setIsSubmitting] = useState(false)
   const selectedInboundTag = form.watch('inbound_tag')
   const selectedNoiseSettings = form.watch('noise_settings.xray')
+  const selectedFragmentSettings = form.watch('fragment_settings.xray')
   const xPaddingObfsEnabled = form.watch('transport_settings.xhttp_settings.x_padding_obfs_mode') === true
   const infoPopoverSide = isMobile ? 'bottom' : dir === 'rtl' ? 'left' : 'right'
   const infoPopoverAlign = isMobile ? 'center' : 'start'
+  const hasFragmentPopulated = Boolean(
+    String(selectedFragmentSettings?.packets ?? '').trim() || String(selectedFragmentSettings?.length ?? '').trim() || String(selectedFragmentSettings?.interval ?? '').trim(),
+  )
+  const hasNoisePopulated = (selectedNoiseSettings || []).some(
+    noise => noise && (String(noise.packet ?? '').trim() || String(noise.delay ?? '').trim() || String(noise.rand_range ?? '').trim()),
+  )
+  const showFragmentNoiseDeprecatedWarning = hasFragmentPopulated || hasNoisePopulated
 
   const renderCamouflageSection = () => {
     return (
@@ -345,6 +354,16 @@ const HostModal: React.FC<HostModalProps> = ({ isDialogOpen, onOpenChange, onSub
             </TabsList>
             <TabsContent dir={dir} value="xray">
               <div className="space-y-6">
+                {showFragmentNoiseDeprecatedWarning && (
+                  <Alert className="border-amber-500/40 bg-amber-500/10 text-amber-900 dark:text-amber-100">
+                    <AlertTriangle className="h-4 w-4 text-amber-600 dark:text-amber-400" />
+                    <AlertDescription className="text-xs sm:text-sm">
+                      {t('hostsDialog.fragmentNoiseDeprecated', {
+                        defaultValue: '`noise` and `fragment` are being removed in newer versions — use `finalMask` instead.',
+                      })}
+                    </AlertDescription>
+                  </Alert>
+                )}
                 {/* Fragment Settings */}
                 <div className="space-y-4">
                   <div className="flex items-center justify-between">