diff --git a/web/src/components/language-switcher.tsx b/web/src/components/language-switcher.tsx
index 69829e0a..cd5332a2 100644
--- a/web/src/components/language-switcher.tsx
+++ b/web/src/components/language-switcher.tsx
@@ -6,7 +6,7 @@ export function LanguageSwitcher() {
   const { i18n } = useTranslation();
 
   const toggleLanguage = () => {
-    const newLang = i18n.language === "en" ? "zh" : "en";
+    const newLang = i18n.language === "en" ? "zh-CN" : "en";
     i18n.changeLanguage(newLang);
   };
 
diff --git a/web/src/components/memshell/jre-tip.tsx b/web/src/components/memshell/jre-tip.tsx
deleted file mode 100644
index 8a728584..00000000
--- a/web/src/components/memshell/jre-tip.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { InfoIcon } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip.tsx";
-
-export function JreTip() {
-  const { t } = useTranslation();
-  return (
-    <TooltipProvider>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <InfoIcon className="cursor-pointer h-4" />
-        </TooltipTrigger>
-        <TooltipContent>
-          <p>{t("tips.jreTip")}</p>
-          <p>{t("tips.jreTip2")}</p>
-        </TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
-  );
-}
diff --git a/web/src/components/memshell/main-config-card.tsx b/web/src/components/memshell/main-config-card.tsx
index 5a8c8936..1b717226 100644
--- a/web/src/components/memshell/main-config-card.tsx
+++ b/web/src/components/memshell/main-config-card.tsx
@@ -92,7 +92,7 @@ export default function MainConfigCard({
   ]);
   const [shellTypes, setShellTypes] = useState<string[]>([]);
   const shellTool = form.watch("shellTool");
-  const { t } = useTranslation();
+  const { t } = useTranslation(["common", "memshell"]);
 
   const [serverVersionOptions, setServerVersionOptions] = useState(
     defaultServerVersionOptions,
@@ -137,7 +137,7 @@ export default function MainConfigCard({
         ) {
           form.setValue("targetJdkVersion", "52");
         } else {
-          form.resetField("targetJdkVersion");
+          form.setValue("targetJdkVersion", "50");
         }
 
         // 特殊的服务需要指定版本
@@ -259,7 +259,7 @@ export default function MainConfigCard({
         <CardHeader className="pb-1">
           <CardTitle className="text-md flex items-center gap-2">
             <ServerIcon className="h-5" />
-            <span>{t("configs.main-config")}</span>
+            <span>{t("common:mainConfig.title")}</span>
           </CardTitle>
         </CardHeader>
         <CardContent>
@@ -269,7 +269,7 @@ export default function MainConfigCard({
               name="server"
               render={({ field }) => (
                 <FormFieldItem>
-                  <FormFieldLabel>{t("mainConfig.server")}</FormFieldLabel>
+                  <FormFieldLabel>{t("common:server")}</FormFieldLabel>
                   <Select
                     onValueChange={(v) => {
                       field.onChange(v);
@@ -279,7 +279,9 @@ export default function MainConfigCard({
                   >
                     <FormControl>
                       <SelectTrigger>
-                        <SelectValue placeholder={t("placeholders.select")} />
+                        <SelectValue
+                          placeholder={t("common:placeholders.select")}
+                        />
                       </SelectTrigger>
                     </FormControl>
                     <SelectContent>
@@ -291,14 +293,14 @@ export default function MainConfigCard({
                     </SelectContent>
                   </Select>
                   <FormDescription className="flex items-center">
-                    {t("tips.targetServerNotFound")}&nbsp;
+                    {t("memshell:tips.targetServerNotFound")}&nbsp;
                     <a
                       href="https://github.com/ReaJason/MemShellParty/issues/new?template=%E8%AF%B7%E6%B1%82%E9%80%82%E9%85%8D.md"
                       target="_blank"
                       rel="noreferrer"
                       className="flex items-center underline"
                     >
-                      {t("tips.targetServerRequest")}
+                      {t("memshell:tips.targetServerRequest")}
                       <ArrowUpRightIcon className="h-4" />
                     </a>
                   </FormDescription>
@@ -310,11 +312,13 @@ export default function MainConfigCard({
               name="serverVersion"
               render={({ field }) => (
                 <FormFieldItem>
-                  <FormFieldLabel>{t("mainConfig.serverVersion")}</FormFieldLabel>
+                  <FormFieldLabel>{t("common:serverVersion")}</FormFieldLabel>
                   <Select onValueChange={field.onChange} value={field.value}>
                     <FormControl>
                       <SelectTrigger>
-                        <SelectValue placeholder={t("placeholders.select")} />
+                        <SelectValue
+                          placeholder={t("common:placeholders.select")}
+                        />
                       </SelectTrigger>
                     </FormControl>
                     <SelectContent>
@@ -337,9 +341,13 @@ export default function MainConfigCard({
               render={({ field }) => (
                 <FormItem className="flex items-center space-x-2 space-y-0">
                   <FormControl>
-                    <Switch id={debugId} checked={field.value} onCheckedChange={field.onChange} />
+                    <Switch
+                      id="debug"
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
                   </FormControl>
-                  <FormLabel htmlFor={debugId}>{t("mainConfig.debug")}</FormLabel>
+                  <FormLabel htmlFor="debug">{t("common:debug")}</FormLabel>
                 </FormItem>
               )}
             />
@@ -349,9 +357,13 @@ export default function MainConfigCard({
               render={({ field }) => (
                 <FormItem className="flex items-center space-x-2  space-y-0">
                   <FormControl>
-                    <Switch id={bypassId} checked={field.value} onCheckedChange={field.onChange} />
+                    <Switch
+                      id="bypass"
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
                   </FormControl>
-                  <Label htmlFor={bypassId}>{t("mainConfig.byPassJavaModule")}</Label>
+                  <Label htmlFor="bypass">{t("common:byPassJavaModule")}</Label>
                 </FormItem>
               )}
             />
@@ -361,9 +373,13 @@ export default function MainConfigCard({
               render={({ field }) => (
                 <FormItem className="flex items-center space-x-2 space-y-0">
                   <FormControl>
-                    <Switch id={shrinkId} checked={field.value} onCheckedChange={field.onChange} />
+                    <Switch
+                      id="shrink"
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
                   </FormControl>
-                  <Label htmlFor={shrinkId}>{t("mainConfig.shrink")}</Label>
+                  <Label htmlFor="shrink">{t("common:shrink")}</Label>
                 </FormItem>
               )}
             />
diff --git a/web/src/components/memshell/package-config-card.tsx b/web/src/components/memshell/package-config-card.tsx
index ce287821..6186d5f4 100644
--- a/web/src/components/memshell/package-config-card.tsx
+++ b/web/src/components/memshell/package-config-card.tsx
@@ -34,7 +34,7 @@ export default function PackageConfigCard({
 
   const shellType = form.watch("shellType");
   const server = form.watch("server");
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
 
   useEffect(() => {
     const filteredOptions = (packerConfig ?? []).filter((name) => {
@@ -52,7 +52,7 @@ export default function PackageConfigCard({
 
     const mappedOptions = filteredOptions.map((name) => {
       return {
-        name: t(`packageConfig.packer.${name}`),
+        name: t(name),
         value: name,
       };
     });
@@ -72,7 +72,7 @@ export default function PackageConfigCard({
       <CardHeader className="pb-1">
         <CardTitle className="text-md flex items-center gap-2">
           <PackageIcon className="h-5" />
-          <span>{t("configs.package-config")}</span>
+          <span>{t("packerConfig.title")}</span>
         </CardTitle>
       </CardHeader>
       <CardContent>
@@ -83,7 +83,7 @@ export default function PackageConfigCard({
               name="packingMethod"
               render={({ field }) => (
                 <FormItem className="space-y-3">
-                  <FormLabel>{t("packageConfig.title")}</FormLabel>
+                  <FormLabel>{t("packerMethod")}</FormLabel>
                   <FormControl>
                     <RadioGroup
                       onValueChange={field.onChange}
diff --git a/web/src/components/memshell/quick-usage.tsx b/web/src/components/memshell/quick-usage.tsx
index e34f0c44..92ce327e 100644
--- a/web/src/components/memshell/quick-usage.tsx
+++ b/web/src/components/memshell/quick-usage.tsx
@@ -8,22 +8,22 @@ import {
 } from "@/components/ui/card.tsx";
 
 export function QuickUsage() {
-  const { t } = useTranslation();
+  const { t } = useTranslation(["common", "memshell"]);
   return (
     <Card>
       <CardHeader>
         <CardTitle className="text-md flex items-center gap-2">
           <ScrollTextIcon className="h-5" />
-          <span>{t("quickUsage.title")}</span>
+          <span>{t("common:quickUsage.title")}</span>
         </CardTitle>
       </CardHeader>
       <CardContent>
         <ol className="list-decimal list-inside space-y-4 text-sm">
-          <li>{t("quickUsage.step1")}</li>
-          <li>{t("quickUsage.step2")}</li>
-          <li>{t("quickUsage.step3")}</li>
-          <li>{t("quickUsage.step4")}</li>
-          <li>{t("quickUsage.step5")}</li>
+          <li>{t("memshell:quickUsage.step1")}</li>
+          <li>{t("memshell:quickUsage.step2")}</li>
+          <li>{t("memshell:quickUsage.step3")}</li>
+          <li>{t("memshell:quickUsage.step4")}</li>
+          <li>{t("memshell:quickUsage.step5")}</li>
         </ol>
       </CardContent>
     </Card>
diff --git a/web/src/components/memshell/results/agent.tsx b/web/src/components/memshell/results/agent.tsx
index dd0db625..980c8d1b 100644
--- a/web/src/components/memshell/results/agent.tsx
+++ b/web/src/components/memshell/results/agent.tsx
@@ -10,7 +10,11 @@ export function AgentResult({
   packMethod,
   packResult,
   generateResult,
-}: Readonly<{ packMethod: string; packResult: string; generateResult?: MemShellResult }>) {
+}: Readonly<{
+  packMethod: string;
+  packResult: string;
+  generateResult?: MemShellResult;
+}>) {
   const { t } = useTranslation();
   const isPureAgent = packMethod === "AgentJar";
   return (
@@ -18,14 +22,15 @@ export function AgentResult({
       <CardHeader>
         <CardTitle className="text-md flex items-center gap-2">
           <ScrollTextIcon className="h-5" />
-          <span>{t("generateResult.usage")}</span>
+          <span>{t("common:usage")}</span>
         </CardTitle>
       </CardHeader>
       <CardContent>
         <ol className="list-decimal list-inside space-y-4 text-sm">
           <li className="flex items-center justify-between">
             <span>
-              {t("download")} MemShellAgent.jar ({formatBytes(atob(packResult).length)})
+              {t("common:download")} MemShellAgent.jar (
+              {formatBytes(atob(packResult).length)})
             </span>
             <Button
               size="sm"
@@ -40,28 +45,38 @@ export function AgentResult({
                 )
               }
             >
-              {t("download")}
+              {t("common:download")}
             </Button>
           </li>
           {isPureAgent && (
             <li className="flex items-center justify-between">
-              <span>{t("tips.download-jattach")}</span>
+              <span>{t("memshell:tips.download-jattach")}</span>
               <Button
                 size="sm"
                 variant="outline"
                 className="w-28"
                 type="button"
-                onClick={() => window.open("https://github.com/jattach/jattach/releases")}
+                onClick={() =>
+                  window.open("https://github.com/jattach/jattach/releases")
+                }
               >
-                {t("download")}
+                {t("common:download")}
               </Button>
             </li>
           )}
           <Separator />
-          <li>{isPureAgent ? t("tips.agent-move-to-target") : t("tips.agent-move-to-target1")}</li>
-          <li>{t("tips.get-pid")}</li>
-          <li>{isPureAgent ? t("tips.execute-command") : t("tips.execute-command1")}</li>
-          <li>{t("tips.try-to-use-shell")}</li>
+          <li>
+            {isPureAgent
+              ? t("memshell:tips.agent-move-to-target")
+              : t("memshell:tips.agent-move-to-target1")}
+          </li>
+          <li>{t("memshell:tips.get-pid")}</li>
+          <li>
+            {isPureAgent
+              ? t("memshell:tips.execute-command")
+              : t("memshell:tips.execute-command1")}
+          </li>
+          <li>{t("memshell:tips.try-to-use-shell")}</li>
         </ol>
       </CardContent>
     </Card>
diff --git a/web/src/components/memshell/results/basic-info.tsx b/web/src/components/memshell/results/basic-info.tsx
index 3c080c19..2e61a2fe 100644
--- a/web/src/components/memshell/results/basic-info.tsx
+++ b/web/src/components/memshell/results/basic-info.tsx
@@ -16,24 +16,35 @@ import {
 import { CopyableField } from "../../copyable-field";
 import { FeedbackAlert } from "./feedback-alert";
 
-export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShellResult }>) {
-  const { t } = useTranslation();
+export function BasicInfo({
+  generateResult,
+}: Readonly<{ generateResult?: MemShellResult }>) {
+  const { t } = useTranslation(["memshell", "common"]);
   return (
     <Card>
       <CardHeader>
         <CardTitle className="flex items-center justify-between">
           <div className="text-md flex items-center gap-2">
             <FileTextIcon className="h-5" />
-            <span>{t("generateResult.basicInfo")}</span>
+            <span>{t("common:basicInfo")}</span>
           </div>
           <FeedbackAlert />
         </CardTitle>
       </CardHeader>
       <CardContent>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
-          <CopyableField label={t("mainConfig.server")} text={generateResult?.shellConfig.server} />
-          <CopyableField label={t("mainConfig.shellTool")} text={generateResult?.shellConfig.shellTool} />
-          <CopyableField label={t("mainConfig.shellMountType")} text={generateResult?.shellConfig.shellType} />
+          <CopyableField
+            label={t("common:server")}
+            text={generateResult?.shellConfig.server}
+          />
+          <CopyableField
+            label={t("mainConfig.shellTool")}
+            text={generateResult?.shellConfig.shellTool}
+          />
+          <CopyableField
+            label={t("mainConfig.shellMountType")}
+            text={generateResult?.shellConfig.shellType}
+          />
           {!shouldHidden(generateResult?.shellConfig?.shellType) && (
             <CopyableField
               label={t("mainConfig.urlPattern")}
@@ -42,22 +53,33 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
             />
           )}
         </div>
-        {generateResult?.shellConfig.shellTool !== ShellToolType.Custom && <Separator className="my-1" />}
+        {generateResult?.shellConfig.shellTool !== ShellToolType.Custom && (
+          <Separator className="my-1" />
+        )}
         <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
           {generateResult?.shellConfig.shellTool === ShellToolType.Behinder && (
             <>
-              <CopyableField label={t("shellToolConfig.behinderScriptType")} text="jsp" />
+              <CopyableField
+                label={t("shellToolConfig.behinderScriptType")}
+                text="jsp"
+              />
               <CopyableField
                 label={t("shellToolConfig.behinderEncryptType")}
                 text={t("shellToolConfig.behinderDefaultEncryptType")}
               />
               <CopyableField
-                label={t("shellToolConfig.behinderPass")}
-                text={(generateResult?.shellToolConfig as BehinderShellToolConfig).pass}
-                value={(generateResult?.shellToolConfig as BehinderShellToolConfig).pass}
+                label={t("shellToolConfig.behinder.pass")}
+                text={
+                  (generateResult?.shellToolConfig as BehinderShellToolConfig)
+                    .pass
+                }
+                value={
+                  (generateResult?.shellToolConfig as BehinderShellToolConfig)
+                    .pass
+                }
               />
               <CopyableField
-                label={t("shellToolConfig.customHeader")}
+                label={t("shellToolConfig.behinder.header")}
                 text={`${(generateResult?.shellToolConfig as BehinderShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as BehinderShellToolConfig).headerValue}`}
                 value={`${(generateResult?.shellToolConfig as BehinderShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as BehinderShellToolConfig).headerValue}`}
               />
@@ -66,18 +88,33 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
           {generateResult?.shellConfig.shellTool === ShellToolType.Godzilla && (
             <>
               <CopyableField
-                label={t("shellToolConfig.pass")}
-                text={(generateResult?.shellToolConfig as GodzillaShellToolConfig).pass}
-                value={(generateResult?.shellToolConfig as GodzillaShellToolConfig).pass}
+                label={t("shellToolConfig.godzilla.pass")}
+                text={
+                  (generateResult?.shellToolConfig as GodzillaShellToolConfig)
+                    .pass
+                }
+                value={
+                  (generateResult?.shellToolConfig as GodzillaShellToolConfig)
+                    .pass
+                }
               />
               <CopyableField
-                label={t("shellToolConfig.key")}
-                text={(generateResult?.shellToolConfig as GodzillaShellToolConfig).key}
-                value={(generateResult?.shellToolConfig as GodzillaShellToolConfig).key}
+                label={t("shellToolConfig.godzilla.key")}
+                text={
+                  (generateResult?.shellToolConfig as GodzillaShellToolConfig)
+                    .key
+                }
+                value={
+                  (generateResult?.shellToolConfig as GodzillaShellToolConfig)
+                    .key
+                }
               />
-              <CopyableField label={t("shellToolConfig.godzillaEncryptor")} text="JAVA_AES_BASE64" />
               <CopyableField
-                label={t("shellToolConfig.godzillaHeader")}
+                label={t("shellToolConfig.godzilla.encryptor")}
+                text="JAVA_AES_BASE64"
+              />
+              <CopyableField
+                label={t("shellToolConfig.godzilla.header")}
                 text={`${(generateResult?.shellToolConfig as GodzillaShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as GodzillaShellToolConfig).headerValue}`}
                 value={`${(generateResult?.shellToolConfig as GodzillaShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as GodzillaShellToolConfig).headerValue}`}
               />
@@ -85,9 +122,15 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
           )}
           {generateResult?.shellConfig.shellTool === ShellToolType.Command && (
             <CopyableField
-              label={t("shellToolConfig.paramName")}
-              text={(generateResult?.shellToolConfig as CommandShellToolConfig).paramName}
-              value={(generateResult?.shellToolConfig as CommandShellToolConfig).paramName}
+              label={t("common:paramName")}
+              text={
+                (generateResult?.shellToolConfig as CommandShellToolConfig)
+                  .paramName
+              }
+              value={
+                (generateResult?.shellToolConfig as CommandShellToolConfig)
+                  .paramName
+              }
             />
           )}
           {generateResult?.shellConfig.shellTool === ShellToolType.Suo5 && (
@@ -100,9 +143,15 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
           {generateResult?.shellConfig.shellTool === ShellToolType.AntSword && (
             <>
               <CopyableField
-                label={t("shellToolConfig.antSwordPass")}
-                text={(generateResult?.shellToolConfig as AntSwordShellToolConfig).pass}
-                value={(generateResult?.shellToolConfig as AntSwordShellToolConfig).pass}
+                label={t("shellToolConfig.antSword.pass")}
+                text={
+                  (generateResult?.shellToolConfig as AntSwordShellToolConfig)
+                    .pass
+                }
+                value={
+                  (generateResult?.shellToolConfig as AntSwordShellToolConfig)
+                    .pass
+                }
               />
               <CopyableField
                 label={t("shellToolConfig.httpHeader")}
@@ -111,9 +160,14 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
               />
             </>
           )}
-          {generateResult?.shellConfig.shellTool === ShellToolType.NeoreGeorg && (
+          {generateResult?.shellConfig.shellTool ===
+            ShellToolType.NeoreGeorg && (
             <>
-              <CopyableField label={t("shellToolConfig.neoreGeorgKey")} text="key" value="key" />
+              <CopyableField
+                label={t("shellToolConfig.neoreGeorgKey")}
+                text="key"
+                value="key"
+              />
               <CopyableField
                 label={t("shellToolConfig.neoreGeorgHeader")}
                 text={`${(generateResult?.shellToolConfig as NeoreGeorgShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as NeoreGeorgShellToolConfig).headerValue}`}
diff --git a/web/src/components/memshell/results/feedback-alert.tsx b/web/src/components/memshell/results/feedback-alert.tsx
index ca494b94..d603d694 100644
--- a/web/src/components/memshell/results/feedback-alert.tsx
+++ b/web/src/components/memshell/results/feedback-alert.tsx
@@ -14,7 +14,7 @@ import {
 import { Button } from "@/components/ui/button";
 
 export function FeedbackAlert() {
-  const { t } = useTranslation();
+  const { t } = useTranslation("memshell");
   return (
     <AlertDialog>
       <AlertDialogTrigger asChild>
@@ -33,7 +33,7 @@ export function FeedbackAlert() {
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
-          <AlertDialogCancel>{t("cancel")}</AlertDialogCancel>
+          <AlertDialogCancel>{t("common:cancel")}</AlertDialogCancel>
           <AlertDialogAction
             onClick={() =>
               window.open(
@@ -41,7 +41,7 @@ export function FeedbackAlert() {
               )
             }
           >
-            {t("feedback")}
+            {t("common:feedback")}
           </AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
diff --git a/web/src/components/memshell/results/jar-result.tsx b/web/src/components/memshell/results/jar-result.tsx
index dab152b0..c5b80fef 100644
--- a/web/src/components/memshell/results/jar-result.tsx
+++ b/web/src/components/memshell/results/jar-result.tsx
@@ -20,7 +20,7 @@ export function JarResult({
           )
         }
       >
-        {t("download")} Jar
+        {t("common:download")} Jar
       </Button>
     </div>
   );
diff --git a/web/src/components/memshell/results/multi-packer.tsx b/web/src/components/memshell/results/multi-packer.tsx
index 46f93f21..192713f5 100644
--- a/web/src/components/memshell/results/multi-packer.tsx
+++ b/web/src/components/memshell/results/multi-packer.tsx
@@ -17,16 +17,20 @@ export function MultiPackResult({
   packMethod: string;
 }>) {
   const showCode = packMethod === "JSP";
-  const {t} = useTranslation();
+  const { t } = useTranslation();
   const packMethods = Object.keys(allPackResults ?? {});
   const [selectedMethod, setSelectedMethod] = useState(packMethods[0]);
-  const [packResult, setPackResult] = useState(allPackResults?.[selectedMethod as keyof typeof allPackResults] ?? "");
+  const [packResult, setPackResult] = useState(
+    allPackResults?.[selectedMethod as keyof typeof allPackResults] ?? "",
+  );
 
   useEffect(() => {
     const methods = Object.keys(allPackResults ?? {});
     const firstMethod = methods[0];
     setSelectedMethod(firstMethod);
-    setPackResult(allPackResults?.[firstMethod as keyof typeof allPackResults] ?? "");
+    setPackResult(
+      allPackResults?.[firstMethod as keyof typeof allPackResults] ?? "",
+    );
   }, [allPackResults]);
 
   return (
@@ -44,7 +48,9 @@ export function MultiPackResult({
             value={selectedMethod}
           >
             <SelectTrigger className="h-7 text-xs [&_svg]:h-4 [&_svg]:w-4">
-              <span className="text-muted-foreground">{t("packageConfig.title")}:&nbsp;</span>
+              <span className="text-muted-foreground">
+                {t("common:packerMethod")}:&nbsp;
+              </span>
               <SelectValue />
             </SelectTrigger>
             <SelectContent>
diff --git a/web/src/components/memshell/results/result-component.tsx b/web/src/components/memshell/results/result-component.tsx
index dbba5d59..d957f3f5 100644
--- a/web/src/components/memshell/results/result-component.tsx
+++ b/web/src/components/memshell/results/result-component.tsx
@@ -53,9 +53,11 @@ export function ResultComponent({
         header={
           <div className="flex items-center justify-between text-xs gap-2">
             <span>
-              {t("packageConfig.title")}：{packMethod}
+              {t("common:packerMethod")}：{packMethod}
+            </span>
+            <span className="text-muted-foreground">
+              ({packResult?.length})
             </span>
-            <span className="text-muted-foreground">({packResult?.length})</span>
           </div>
         }
         wrapLongLines={!showCode}
diff --git a/web/src/components/memshell/shell-result.tsx b/web/src/components/memshell/shell-result.tsx
index e575ab56..cd270b55 100644
--- a/web/src/components/memshell/shell-result.tsx
+++ b/web/src/components/memshell/shell-result.tsx
@@ -27,16 +27,20 @@ export default function ShellResult({
   packMethod: string;
   generateResult?: MemShellResult;
 }>) {
-  const { t } = useTranslation();
+  const { t } = useTranslation(["common", "memshell"]);
   if (!generateResult) {
     return <QuickUsage />;
   }
   return (
     <Tabs defaultValue="packResult">
       <TabsList className="grid w-full grid-cols-3">
-        <TabsTrigger value="packResult">{t("generateResult.title1")}</TabsTrigger>
-        <TabsTrigger value="shell">{t("generateResult.title2")}</TabsTrigger>
-        <TabsTrigger value="injector">{t("generateResult.title3")}</TabsTrigger>
+        <TabsTrigger value="packResult">
+          {t("common:generateResult")}
+        </TabsTrigger>
+        <TabsTrigger value="shell">{t("memshell:shellClass")}</TabsTrigger>
+        <TabsTrigger value="injector">
+          {t("memshell:injectorClass")}
+        </TabsTrigger>
       </TabsList>
       <TabsContent value="packResult" className="my-2 space-y-4">
         <BasicInfo generateResult={generateResult} />
@@ -50,7 +54,11 @@ export default function ShellResult({
       <TabsContent value="shell" className="mt-4">
         <CodeViewer
           showLineNumbers={false}
-          header={<div className="text-xs truncate">{generateResult?.shellClassName}</div>}
+          header={
+            <div className="text-xs truncate">
+              {generateResult?.shellClassName}
+            </div>
+          }
           button={
             <Button
               variant="ghost"
@@ -59,10 +67,13 @@ export default function ShellResult({
               className="h-7 w-7 [&_svg]:h-4 [&_svg]:w-4"
               onClick={() => {
                 if (!generateResult?.shellBytesBase64Str) {
-                  toast.warning(t("tips.shellBytesEmpty"));
+                  toast.warning(t("memshell:tips.shellBytesEmpty"));
                   return;
                 }
-                downloadBytes(generateResult?.shellBytesBase64Str, generateResult?.shellClassName);
+                downloadBytes(
+                  generateResult?.shellBytesBase64Str,
+                  generateResult?.shellClassName,
+                );
               }}
             >
               <DownloadIcon className="h-4 w-4" />
@@ -78,7 +89,9 @@ export default function ShellResult({
         <CodeViewer
           showLineNumbers={false}
           wrapLongLines={true}
-          header={<div className="text-xs">{generateResult?.injectorClassName}</div>}
+          header={
+            <div className="text-xs">{generateResult?.injectorClassName}</div>
+          }
           button={
             <Button
               variant="ghost"
@@ -87,10 +100,13 @@ export default function ShellResult({
               className="h-7 w-7 [&_svg]:h-4 [&_svg]:w-4"
               onClick={() => {
                 if (!generateResult?.injectorBytesBase64Str) {
-                  toast.warning(t("tips.shellBytesEmpty"));
+                  toast.warning(t("memshell:tips.shellBytesEmpty"));
                   return;
                 }
-                downloadBytes(generateResult?.injectorBytesBase64Str, generateResult?.injectorClassName);
+                downloadBytes(
+                  generateResult?.injectorBytesBase64Str,
+                  generateResult?.injectorClassName,
+                );
               }}
             >
               <DownloadIcon className="h-4 w-4" />
diff --git a/web/src/components/memshell/tabs/antsword-tab.tsx b/web/src/components/memshell/tabs/antsword-tab.tsx
index 31919971..1f9a27d5 100644
--- a/web/src/components/memshell/tabs/antsword-tab.tsx
+++ b/web/src/components/memshell/tabs/antsword-tab.tsx
@@ -17,8 +17,11 @@ import { UrlPatternFormField } from "./urlpattern-field";
 export function AntSwordTabContent({
   form,
   shellTypes,
-}: Readonly<{ form: UseFormReturn<MemShellFormSchema>; shellTypes: Array<string> }>) {
-  const { t } = useTranslation();
+}: Readonly<{
+  form: UseFormReturn<MemShellFormSchema>;
+  shellTypes: Array<string>;
+}>) {
+  const { t } = useTranslation(["memshell", "common"]);
   return (
     <FormProvider {...form}>
       <TabsContent value="AntSword">
@@ -34,9 +37,12 @@ export function AntSwordTabContent({
               render={({ field }) => (
                 <FormFieldItem>
                   <FormFieldLabel>
-                    {t("shellToolConfig.antSwordPass")} {t("optional")}
+                    {t("shellToolConfig.antSword.pass")} {t("common:optional")}
                   </FormFieldLabel>
-                  <Input {...field} placeholder={t("placeholders.input")} />
+                  <Input
+                    {...field}
+                    placeholder={t("common:placeholders.input")}
+                  />
                 </FormFieldItem>
               )}
             />
@@ -46,9 +52,12 @@ export function AntSwordTabContent({
                 name="headerName"
                 render={({ field }) => (
                   <FormFieldItem>
-                    <FormFieldLabel>{t("shellToolConfig.headerName")}</FormFieldLabel>
+                    <FormFieldLabel>{t("common:headerName")}</FormFieldLabel>
                     <FormControl>
-                      <Input {...field} placeholder={t("placeholders.input")} />
+                      <Input
+                        {...field}
+                        placeholder={t("common:placeholders.input")}
+                      />
                     </FormControl>
                   </FormFieldItem>
                 )}
@@ -59,9 +68,12 @@ export function AntSwordTabContent({
                 render={({ field }) => (
                   <FormFieldItem>
                     <FormFieldLabel>
-                      {t("shellToolConfig.headerValue")} {t("optional")}
+                      {t("common:headerValue")} {t("common:optional")}
                     </FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
diff --git a/web/src/components/memshell/tabs/behinder-tab.tsx b/web/src/components/memshell/tabs/behinder-tab.tsx
index c85d7418..cad5a954 100644
--- a/web/src/components/memshell/tabs/behinder-tab.tsx
+++ b/web/src/components/memshell/tabs/behinder-tab.tsx
@@ -12,8 +12,11 @@ import { UrlPatternFormField } from "./urlpattern-field";
 export function BehinderTabContent({
   form,
   shellTypes,
-}: Readonly<{ form: UseFormReturn<MemShellFormSchema>; shellTypes: Array<string> }>) {
-  const { t } = useTranslation();
+}: Readonly<{
+  form: UseFormReturn<MemShellFormSchema>;
+  shellTypes: Array<string>;
+}>) {
+  const { t } = useTranslation(["memshell", "common"]);
   return (
     <FormProvider {...form}>
       <TabsContent value="Behinder">
@@ -29,9 +32,12 @@ export function BehinderTabContent({
               render={({ field }) => (
                 <FormFieldItem>
                   <FormFieldLabel>
-                    {t("shellToolConfig.behinderPass")} {t("optional")}
+                    {t("shellToolConfig.behinder.pass")} {t("common:optional")}
                   </FormFieldLabel>
-                  <Input {...field} placeholder={t("placeholders.input")} />
+                  <Input
+                    {...field}
+                    placeholder={t("common:placeholders.input")}
+                  />
                 </FormFieldItem>
               )}
             />
@@ -41,8 +47,11 @@ export function BehinderTabContent({
                 name="headerName"
                 render={({ field }) => (
                   <FormFieldItem>
-                    <FormFieldLabel>{t("shellToolConfig.headerName")}</FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <FormFieldLabel>{t("common:headerName")}</FormFieldLabel>
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
@@ -52,9 +61,12 @@ export function BehinderTabContent({
                 render={({ field }) => (
                   <FormFieldItem>
                     <FormFieldLabel>
-                      {t("shellToolConfig.headerValue")} {t("optional")}
+                      {t("common:headerValue")} {t("common:optional")}
                     </FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
diff --git a/web/src/components/memshell/tabs/classname-field.tsx b/web/src/components/memshell/tabs/classname-field.tsx
index 264eb170..f4730f67 100644
--- a/web/src/components/memshell/tabs/classname-field.tsx
+++ b/web/src/components/memshell/tabs/classname-field.tsx
@@ -11,11 +11,11 @@ import {
 import { Input } from "@/components/ui/input.tsx";
 import type { MemShellFormSchema } from "@/types/schema.ts";
 
-export function OptionalClassFormField({ form }: Readonly<{ form: UseFormReturn<MemShellFormSchema> }>) {
-  const { t } = useTranslation();
+export function OptionalClassFormField({
+  form,
+}: Readonly<{ form: UseFormReturn<MemShellFormSchema> }>) {
+  const { t } = useTranslation(["memshell", "common"]);
   const [showAdvanced, setShowAdvanced] = useState(false);
-  const shellClassNameId = useId();
-  const injectClassNameId = useId();
   return (
     <Fragment>
       <div className="pt-2">
@@ -28,7 +28,11 @@ export function OptionalClassFormField({ form }: Readonly<{ form: UseFormReturn<
         >
           <Settings className="h-4 w-4" />
           {t("classNameOptions")}
-          {showAdvanced ? <ChevronUp className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
+          {showAdvanced ? (
+            <ChevronUp className="h-4 w-4" />
+          ) : (
+            <ChevronDown className="h-4 w-4" />
+          )}
         </Button>
       </div>
       {showAdvanced && (
@@ -38,10 +42,14 @@ export function OptionalClassFormField({ form }: Readonly<{ form: UseFormReturn<
             name="shellClassName"
             render={({ field }) => (
               <FormFieldItem>
-                <FormFieldLabel htmlFor={shellClassNameId}>
-                  {t("mainConfig.shellClassName")} {t("optional")}
+                <FormFieldLabel htmlFor="shellClassName">
+                  {t("mainConfig.shellClassName")} {t("common:optional")}
                 </FormFieldLabel>
-                <Input id={shellClassNameId} {...field} placeholder={t("placeholders.input")} />
+                <Input
+                  id="shellClassName"
+                  {...field}
+                  placeholder={t("common:placeholders.input")}
+                />
               </FormFieldItem>
             )}
           />
@@ -50,10 +58,14 @@ export function OptionalClassFormField({ form }: Readonly<{ form: UseFormReturn<
             name="injectorClassName"
             render={({ field }) => (
               <FormFieldItem>
-                <FormFieldLabel htmlFor={injectClassNameId}>
-                  {t("mainConfig.injectorClassName")} {t("optional")}
+                <FormFieldLabel htmlFor="injectClassName">
+                  {t("mainConfig.injectorClassName")} {t("common:optional")}
                 </FormFieldLabel>
-                <Input id={injectClassNameId} {...field} placeholder={t("placeholders.input")} />
+                <Input
+                  id="injectClassName"
+                  {...field}
+                  placeholder={t("common:placeholders.input")}
+                />
               </FormFieldItem>
             )}
           />
diff --git a/web/src/components/memshell/tabs/command-tab.tsx b/web/src/components/memshell/tabs/command-tab.tsx
index 33279ed2..0842a49d 100644
--- a/web/src/components/memshell/tabs/command-tab.tsx
+++ b/web/src/components/memshell/tabs/command-tab.tsx
@@ -26,9 +26,15 @@ import { UrlPatternFormField } from "./urlpattern-field";
 export function CommandTabContent({
   form,
   shellTypes,
-}: Readonly<{ form: UseFormReturn<MemShellFormSchema>; shellTypes: Array<string> }>) {
-  const { t } = useTranslation();
-  const { data } = useQuery<{ encryptors: Array<string>; implementationClasses: Array<string> }>({
+}: Readonly<{
+  form: UseFormReturn<MemShellFormSchema>;
+  shellTypes: Array<string>;
+}>) {
+  const { t } = useTranslation(["memshell", "common"]);
+  const { data } = useQuery<{
+    encryptors: Array<string>;
+    implementationClasses: Array<string>;
+  }>({
     queryKey: ["commandConfigs"],
     queryFn: async () => {
       const response = await fetch(`${env.API_URL}/config/command/configs`);
@@ -51,10 +57,13 @@ export function CommandTabContent({
               render={({ field }) => (
                 <FormFieldItem>
                   <FormFieldLabel>
-                    {t("shellToolConfig.paramName")} {t("optional")}
+                    {t("common:paramName")} {t("common:optional")}
                   </FormFieldLabel>
                   <FormControl>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormControl>
                 </FormFieldItem>
               )}
@@ -65,11 +74,17 @@ export function CommandTabContent({
                 name="encryptor"
                 render={({ field }) => (
                   <FormFieldItem>
-                    <FormFieldLabel>{t("shellToolConfig.encryptor")}</FormFieldLabel>
-                    <Select onValueChange={field.onChange} value={field.value} defaultValue="RAW">
+                    <FormFieldLabel>{t("common:encryptor")}</FormFieldLabel>
+                    <Select
+                      onValueChange={field.onChange}
+                      value={field.value}
+                      defaultValue="RAW"
+                    >
                       <FormControl>
                         <SelectTrigger>
-                          <SelectValue placeholder={t("placeholders.select")} />
+                          <SelectValue
+                            placeholder={t("common:placeholders.select")}
+                          />
                         </SelectTrigger>
                       </FormControl>
                       <SelectContent>
@@ -88,11 +103,19 @@ export function CommandTabContent({
                 name="implementationClass"
                 render={({ field }) => (
                   <FormFieldItem>
-                    <FormFieldLabel>{t("shellToolConfig.implementationClass")}</FormFieldLabel>
-                    <Select onValueChange={field.onChange} value={field.value} defaultValue="RuntimeExec">
+                    <FormFieldLabel>
+                      {t("common:implementationClass")}
+                    </FormFieldLabel>
+                    <Select
+                      onValueChange={field.onChange}
+                      value={field.value}
+                      defaultValue="RuntimeExec"
+                    >
                       <FormControl>
                         <SelectTrigger>
-                          <SelectValue placeholder={t("placeholders.select")} />
+                          <SelectValue
+                            placeholder={t("common:placeholders.select")}
+                          />
                         </SelectTrigger>
                       </FormControl>
                       <SelectContent>
diff --git a/web/src/components/memshell/tabs/custom-tab.tsx b/web/src/components/memshell/tabs/custom-tab.tsx
index 8ab3e11f..a7e7260f 100644
--- a/web/src/components/memshell/tabs/custom-tab.tsx
+++ b/web/src/components/memshell/tabs/custom-tab.tsx
@@ -22,10 +22,12 @@ import { UrlPatternFormField } from "./urlpattern-field";
 export default function CustomTabContent({
   form,
   shellTypes,
-}: Readonly<{ form: UseFormReturn<MemShellFormSchema>; shellTypes: Array<string> }>) {
+}: Readonly<{
+  form: UseFormReturn<MemShellFormSchema>;
+  shellTypes: Array<string>;
+}>) {
   const [isFile, setIsFile] = useState(false);
-  const optionOneId = useId();
-  const optionTwoId = useId();
+  const { t } = useTranslation(["memshell", "common"]);
   return (
     <FormProvider {...form}>
       <TabsContent value="Custom">
@@ -40,7 +42,7 @@ export default function CustomTabContent({
               name="shellClassBase64"
               render={({ field }) => (
                 <FormFieldItem>
-                  <FormFieldLabel>{t("shellToolConfig.base64String")}</FormFieldLabel>
+                  <FormFieldLabel>{t("shellClass")}</FormFieldLabel>
                   <RadioGroup
                     value={isFile ? "file" : "base64"}
                     onValueChange={(value) => {
@@ -50,12 +52,12 @@ export default function CustomTabContent({
                     className="flex items-center space-x-2"
                   >
                     <div className="flex items-center space-x-2">
-                      <RadioGroupItem value="base64" id={optionOneId} />
-                      <Label htmlFor={optionOneId}>Base64</Label>
+                      <RadioGroupItem value="base64" id="optionOne" />
+                      <Label htmlFor="optionOne">Base64</Label>
                     </div>
                     <div className="flex items-center space-x-2">
-                      <RadioGroupItem value="file" id={optionTwoId} />
-                      <Label htmlFor={optionTwoId}>File</Label>
+                      <RadioGroupItem value="file" id="optionTwo" />
+                      <Label htmlFor="optionTwo">File</Label>
                     </div>
                   </RadioGroup>
                   <FormControl className="mt-2">
@@ -66,18 +68,25 @@ export default function CustomTabContent({
                           if (file) {
                             const reader = new FileReader();
                             reader.onload = (event) => {
-                              const base64String = (event.target?.result as string)?.split(",")[1] || "";
+                              const base64String =
+                                (event.target?.result as string)?.split(
+                                  ",",
+                                )[1] || "";
                               field.onChange(base64String);
                             };
                             reader.readAsDataURL(file);
                           }
                         }}
                         accept=".class"
-                        placeholder={t("placeholders.input")}
+                        placeholder={t("common:placeholders.input")}
                         type="file"
                       />
                     ) : (
-                      <Textarea {...field} placeholder={t("placeholders.input")} className="h-24" />
+                      <Textarea
+                        {...field}
+                        placeholder={t("common:placeholders.input")}
+                        className="h-24"
+                      />
                     )}
                   </FormControl>
                   <FormMessage />
diff --git a/web/src/components/memshell/tabs/godzilla-tab.tsx b/web/src/components/memshell/tabs/godzilla-tab.tsx
index 6a34fdc4..9e4d959a 100644
--- a/web/src/components/memshell/tabs/godzilla-tab.tsx
+++ b/web/src/components/memshell/tabs/godzilla-tab.tsx
@@ -12,8 +12,11 @@ import { UrlPatternFormField } from "./urlpattern-field";
 export function GodzillaTabContent({
   form,
   shellTypes,
-}: Readonly<{ form: UseFormReturn<MemShellFormSchema>; shellTypes: Array<string> }>) {
-  const { t } = useTranslation();
+}: Readonly<{
+  form: UseFormReturn<MemShellFormSchema>;
+  shellTypes: Array<string>;
+}>) {
+  const { t } = useTranslation(["memshell", "common"]);
   return (
     <FormProvider {...form}>
       <TabsContent value="Godzilla">
@@ -30,9 +33,13 @@ export function GodzillaTabContent({
                 render={({ field }) => (
                   <FormFieldItem>
                     <FormFieldLabel>
-                      {t("shellToolConfig.pass")} {t("optional")}
+                      {t("shellToolConfig.godzilla.pass")}{" "}
+                      {t("common:optional")}
                     </FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
@@ -42,9 +49,12 @@ export function GodzillaTabContent({
                 render={({ field }) => (
                   <FormFieldItem>
                     <FormFieldLabel>
-                      {t("shellToolConfig.key")} {t("optional")}
+                      {t("shellToolConfig.godzilla.key")} {t("common:optional")}
                     </FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
@@ -53,8 +63,11 @@ export function GodzillaTabContent({
                 name="headerName"
                 render={({ field }) => (
                   <FormFieldItem>
-                    <FormFieldLabel>{t("shellToolConfig.headerName")}</FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <FormFieldLabel>{t("common:headerName")}</FormFieldLabel>
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
@@ -64,9 +77,12 @@ export function GodzillaTabContent({
                 render={({ field }) => (
                   <FormFieldItem>
                     <FormFieldLabel>
-                      {t("shellToolConfig.headerValue")} {t("optional")}
+                      {t("common:headerValue")} {t("common:optional")}
                     </FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
diff --git a/web/src/components/memshell/tabs/neoreg-tab.tsx b/web/src/components/memshell/tabs/neoreg-tab.tsx
index 13c0ec9f..6c6391f1 100644
--- a/web/src/components/memshell/tabs/neoreg-tab.tsx
+++ b/web/src/components/memshell/tabs/neoreg-tab.tsx
@@ -12,8 +12,11 @@ import { UrlPatternFormField } from "./urlpattern-field";
 export function NeoRegTabContent({
   form,
   shellTypes,
-}: Readonly<{ form: UseFormReturn<MemShellFormSchema>; shellTypes: Array<string> }>) {
-  const { t } = useTranslation();
+}: Readonly<{
+  form: UseFormReturn<MemShellFormSchema>;
+  shellTypes: Array<string>;
+}>) {
+  const { t } = useTranslation(["memshell", "common"]);
   return (
     <FormProvider {...form}>
       <TabsContent value="NeoreGeorg">
@@ -29,8 +32,11 @@ export function NeoRegTabContent({
                 name="headerName"
                 render={({ field }) => (
                   <FormFieldItem>
-                    <FormFieldLabel>{t("shellToolConfig.headerName")}</FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <FormFieldLabel>{t("common:headerName")}</FormFieldLabel>
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
@@ -40,9 +46,12 @@ export function NeoRegTabContent({
                 render={({ field }) => (
                   <FormFieldItem>
                     <FormFieldLabel>
-                      {t("shellToolConfig.headerValue")} {t("optional")}
+                      {t("common:headerValue")} {t("common:optional")}
                     </FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
diff --git a/web/src/components/memshell/tabs/shelltype-field.tsx b/web/src/components/memshell/tabs/shelltype-field.tsx
index ec5553f2..bad53130 100644
--- a/web/src/components/memshell/tabs/shelltype-field.tsx
+++ b/web/src/components/memshell/tabs/shelltype-field.tsx
@@ -18,8 +18,11 @@ import type { MemShellFormSchema } from "@/types/schema.ts";
 export function ShellTypeFormField({
   form,
   shellTypes,
-}: Readonly<{ form: UseFormReturn<MemShellFormSchema>; shellTypes: Array<string> }>) {
-  const { t } = useTranslation();
+}: Readonly<{
+  form: UseFormReturn<MemShellFormSchema>;
+  shellTypes: Array<string>;
+}>) {
+  const { t } = useTranslation(["memshell", "common"]);
   return (
     <FormProvider {...form}>
       <FormField
@@ -37,7 +40,7 @@ export function ShellTypeFormField({
             >
               <FormControl>
                 <SelectTrigger>
-                  <SelectValue placeholder={t("placeholders.select")} />
+                  <SelectValue placeholder={t("common:placeholders.select")} />
                 </SelectTrigger>
               </FormControl>
               <SelectContent key={shellTypes?.join(",")}>
@@ -48,7 +51,9 @@ export function ShellTypeFormField({
                     </SelectItem>
                   ))
                 ) : (
-                  <SelectItem value=" ">{t("tips.shellToolNotSelected")}</SelectItem>
+                  <SelectItem value=" ">
+                    {t("tips.shellToolNotSelected")}
+                  </SelectItem>
                 )}
               </SelectContent>
             </Select>
diff --git a/web/src/components/memshell/tabs/suo5-tab.tsx b/web/src/components/memshell/tabs/suo5-tab.tsx
index f02a8424..7fbaeb4f 100644
--- a/web/src/components/memshell/tabs/suo5-tab.tsx
+++ b/web/src/components/memshell/tabs/suo5-tab.tsx
@@ -12,8 +12,11 @@ import { UrlPatternFormField } from "./urlpattern-field";
 export function Suo5TabContent({
   form,
   shellTypes,
-}: Readonly<{ form: UseFormReturn<MemShellFormSchema>; shellTypes: Array<string> }>) {
-  const { t } = useTranslation();
+}: Readonly<{
+  form: UseFormReturn<MemShellFormSchema>;
+  shellTypes: Array<string>;
+}>) {
+  const { t } = useTranslation(["memshell", "common"]);
   return (
     <FormProvider {...form}>
       <TabsContent value="Suo5">
@@ -29,8 +32,11 @@ export function Suo5TabContent({
                 name="headerName"
                 render={({ field }) => (
                   <FormFieldItem>
-                    <FormFieldLabel>{t("shellToolConfig.headerName")}</FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <FormFieldLabel>{t("common:headerName")}</FormFieldLabel>
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
@@ -40,9 +46,12 @@ export function Suo5TabContent({
                 render={({ field }) => (
                   <FormFieldItem>
                     <FormFieldLabel>
-                      {t("shellToolConfig.headerValue")} {t("optional")}
+                      {t("common:headerValue")} {t("common:optional")}
                     </FormFieldLabel>
-                    <Input {...field} placeholder={t("placeholders.input")} />
+                    <Input
+                      {...field}
+                      placeholder={t("common:placeholders.input")}
+                    />
                   </FormFieldItem>
                 )}
               />
diff --git a/web/src/components/memshell/tabs/urlpattern-field.tsx b/web/src/components/memshell/tabs/urlpattern-field.tsx
index e50285e0..bb0e3aa3 100644
--- a/web/src/components/memshell/tabs/urlpattern-field.tsx
+++ b/web/src/components/memshell/tabs/urlpattern-field.tsx
@@ -10,8 +10,10 @@ import { Input } from "@/components/ui/input.tsx";
 import { shouldHidden } from "@/lib/utils";
 import type { MemShellFormSchema } from "@/types/schema.ts";
 
-export function UrlPatternFormField({ form }: Readonly<{ form: UseFormReturn<MemShellFormSchema> }>) {
-  const { t } = useTranslation();
+export function UrlPatternFormField({
+  form,
+}: Readonly<{ form: UseFormReturn<MemShellFormSchema> }>) {
+  const { t } = useTranslation("common");
   const shellType = form.watch("shellType");
   return (
     <FormProvider {...form}>
@@ -19,8 +21,10 @@ export function UrlPatternFormField({ form }: Readonly<{ form: UseFormReturn<Mem
         control={form.control}
         name="urlPattern"
         render={({ field }) => (
-          <FormFieldItem className={shouldHidden(shellType) ? "hidden" : "grid"}>
-            <FormFieldLabel>{t("mainConfig.urlPattern")}</FormFieldLabel>
+          <FormFieldItem
+            className={shouldHidden(shellType) ? "hidden" : "grid"}
+          >
+            <FormFieldLabel>{t("urlPattern")}</FormFieldLabel>
             <Input {...field} placeholder={t("placeholders.input")} />
             <FormMessage />
           </FormFieldItem>
diff --git a/web/src/components/probeshell/basic-info.tsx b/web/src/components/probeshell/basic-info.tsx
index 4c5c6eb0..7b5a9c4e 100644
--- a/web/src/components/probeshell/basic-info.tsx
+++ b/web/src/components/probeshell/basic-info.tsx
@@ -5,7 +5,9 @@ import { FeedbackAlert } from "@/components/memshell/results/feedback-alert";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import type { ProbeShellResult } from "@/types/probeshell";
 
-export function BasicInfo({ generateResult }: Readonly<{ generateResult?: ProbeShellResult }>) {
+export function BasicInfo({
+  generateResult,
+}: Readonly<{ generateResult?: ProbeShellResult }>) {
   const { t } = useTranslation();
   return (
     <Card>
@@ -13,7 +15,7 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: ProbeS
         <CardTitle className="flex items-center justify-between">
           <div className="text-md flex items-center gap-2">
             <FileTextIcon className="h-5" />
-            <span>{t("generateResult.basicInfo")}</span>
+            <span>{t("common:basicInfo")}</span>
           </div>
           <FeedbackAlert />
         </CardTitle>
@@ -21,7 +23,7 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: ProbeS
       <CardContent>
         <div className="grid grid-cols-1 gap-2">
           <CopyableField
-            label={t("mainConfig.shellClassName")}
+            label={t("probeshell:shellClassName")}
             value={generateResult?.shellClassName}
             text={`${generateResult?.shellClassName} (${generateResult?.shellSize} bytes)`}
           />
diff --git a/web/src/components/probeshell/main-config-card.tsx b/web/src/components/probeshell/main-config-card.tsx
index 7f0447b6..168615b8 100644
--- a/web/src/components/probeshell/main-config-card.tsx
+++ b/web/src/components/probeshell/main-config-card.tsx
@@ -14,18 +14,23 @@ import {
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 import { Switch } from "@/components/ui/switch";
 import type { ServerConfig } from "@/types/memshell";
 import type { ProbeShellFormSchema } from "@/types/schema";
 import { Separator } from "../ui/separator";
 
-// 常量提取到组件外部
 const PROBE_OPTIONS = [
-  { value: "Server" as const, label: "中间件类型" },
-  { value: "JDK" as const, label: "JDK 信息" },
-  { value: "Command" as const, label: "命令执行" },
-  { value: "Bytecode" as const, label: "自定义字节码执行" },
+  { value: "Server" as const, label: "server" },
+  { value: "JDK" as const, label: "jdk" },
+  { value: "Command" as const, label: "command" },
+  { value: "Bytecode" as const, label: "bytecode" },
 ] as const;
 
 const MIDDLEWARE_OPTIONS = [
@@ -45,12 +50,11 @@ const MIDDLEWARE_OPTIONS = [
 ] as const;
 
 const PROBE_METHOD_OPTIONS = [
-  { value: "Sleep", label: "Sleep 延迟探测" },
+  { value: "Sleep", label: "Sleep" },
   { value: "DNSLog", label: "DNSLog" },
   { value: "ResponseBody", label: "ResponseBody" },
 ] as const;
 
-// 默认值配置
 const DEFAULT_FORM_VALUES = {
   reqParamName: "payload",
   reqHeaderName: "X-PAYLOAD",
@@ -64,7 +68,7 @@ interface MainConfigCardProps {
 }
 
 export default function MainConfigCard({ form, servers }: MainConfigCardProps) {
-  const { t } = useTranslation();
+  const { t } = useTranslation(["common", "probeshell"]);
   const watchedProbeMethod = form.watch("probeMethod");
   const watchedProbeContent = form.watch("probeContent");
 
@@ -75,12 +79,13 @@ export default function MainConfigCard({ form, servers }: MainConfigCardProps) {
       Sleep: ["Server"],
     } as const;
 
-    const allowedValues = filterMap[watchedProbeMethod as keyof typeof filterMap];
-    
+    const allowedValues =
+      filterMap[watchedProbeMethod as keyof typeof filterMap];
+
     if (!allowedValues) return PROBE_OPTIONS;
-    
-    return PROBE_OPTIONS.filter(opt => 
-      allowedValues.includes(opt.value as never)
+
+    return PROBE_OPTIONS.filter((opt) =>
+      allowedValues.includes(opt.value as never),
     );
   }, [watchedProbeMethod]);
 
@@ -100,64 +105,70 @@ export default function MainConfigCard({ form, servers }: MainConfigCardProps) {
     resetFormValues();
   }, [resetFormValues]);
 
-  const ContentOptionsSelect = useMemo(() => (
-    <FormField
-      control={form.control}
-      name="probeContent"
-      render={({ field }) => (
-        <FormFieldItem>
-          <FormFieldLabel>探测内容</FormFieldLabel>
-          <Select onValueChange={field.onChange} value={field.value || ""}>
-            <FormControl>
-              <SelectTrigger>
-                <SelectValue placeholder="请选择要探测的内容..." />
-              </SelectTrigger>
-            </FormControl>
-            <SelectContent>
-              {filteredOptions.map((opt) => (
-                <SelectItem key={opt.value} value={opt.value}>
-                  {opt.label}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-          <FormMessage />
-        </FormFieldItem>
-      )}
-    />
-  ), [form.control, filteredOptions]);
-
-  const RequestParamField = useMemo(() => (
-    <div className="space-y-4 pt-4 border-t mt-4">
+  const ContentOptionsSelect = useMemo(
+    () => (
       <FormField
         control={form.control}
-        name="reqParamName"
+        name="probeContent"
         render={({ field }) => (
           <FormFieldItem>
-            <FormFieldLabel>Request Param Name</FormFieldLabel>
-            <FormControl>
-              <Input placeholder="例如: cmd, data, ..." {...field} />
-            </FormControl>
+            <FormFieldLabel>{t("probeshell:probeContent")}</FormFieldLabel>
+            <Select onValueChange={field.onChange} value={field.value || ""}>
+              <FormControl>
+                <SelectTrigger>
+                  <SelectValue placeholder={t("common:placeholders.select")} />
+                </SelectTrigger>
+              </FormControl>
+              <SelectContent>
+                {filteredOptions.map((opt) => (
+                  <SelectItem key={opt.value} value={opt.value}>
+                    {t(`probeshell:probeContent.${opt.label}`)}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
             <FormMessage />
           </FormFieldItem>
         )}
       />
-    </div>
-  ), [form.control]);
+    ),
+    [form.control, filteredOptions, t],
+  );
 
-  const SleepFields = useMemo(() => (
-    <div className="space-y-4 pt-4 border-t mt-4">
-      <div className="space-y-4">
+  const RequestParamField = useMemo(
+    () => (
+      <div className="space-y-2 pt-4 border-t mt-4">
+        <FormField
+          control={form.control}
+          name="reqParamName"
+          render={({ field }) => (
+            <FormFieldItem>
+              <FormFieldLabel>{t("common:paramName")}</FormFieldLabel>
+              <FormControl>
+                <Input placeholder={t("placeholders.input")} {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormFieldItem>
+          )}
+        />
+      </div>
+    ),
+    [form.control, t],
+  );
+
+  const SleepFields = useMemo(
+    () => (
+      <div className="space-y-2 pt-4 border-t mt-4">
         <FormField
           control={form.control}
           name="sleepServer"
           render={({ field }) => (
             <FormFieldItem>
-              <FormFieldLabel>探测中间件</FormFieldLabel>
+              <FormFieldLabel>{t("probeshell:sleepServer")}</FormFieldLabel>
               <Select onValueChange={field.onChange} value={field.value || ""}>
                 <FormControl>
                   <SelectTrigger>
-                    <SelectValue placeholder="选择中间件..." />
+                    <SelectValue placeholder={t("placeholders.select")} />
                   </SelectTrigger>
                 </FormControl>
                 <SelectContent>
@@ -177,11 +188,11 @@ export default function MainConfigCard({ form, servers }: MainConfigCardProps) {
           name="seconds"
           render={({ field }) => (
             <FormFieldItem>
-              <FormFieldLabel>命中延迟时间 (秒)</FormFieldLabel>
+              <FormFieldLabel>{t("probeshell:sleepSeconds")}</FormFieldLabel>
               <FormControl>
                 <Input
                   type="number"
-                  placeholder="例如: 5"
+                  placeholder={t("placeholders.input")}
                   {...field}
                   onChange={(event) => field.onChange(+event.target.value)}
                 />
@@ -191,12 +202,14 @@ export default function MainConfigCard({ form, servers }: MainConfigCardProps) {
           )}
         />
       </div>
-    </div>
-  ), [form.control]);
+    ),
+    [form.control, t],
+  );
 
   const renderDynamicFields = useCallback(() => {
     const isBodyMethod = watchedProbeMethod === "ResponseBody";
-    const isCommandOrBytecode = watchedProbeContent === "Command" || watchedProbeContent === "Bytecode";
+    const isCommandOrBytecode =
+      watchedProbeContent === "Command" || watchedProbeContent === "Bytecode";
     const isSleepMethod = watchedProbeMethod === "Sleep";
     const isServerContent = watchedProbeContent === "Server";
 
@@ -211,90 +224,110 @@ export default function MainConfigCard({ form, servers }: MainConfigCardProps) {
     return null;
   }, [watchedProbeMethod, watchedProbeContent, RequestParamField, SleepFields]);
 
-
-  const DNSLogSection = useMemo(() => (
+  const DNSLogSection = useMemo(
+    () => (
       <FormField
         control={form.control}
         name="host"
         render={({ field }) => (
           <FormFieldItem>
-            <FormFieldLabel>DNSLog 地址</FormFieldLabel>
+            <FormFieldLabel>{t("probeshell:dnslog.host")}</FormFieldLabel>
             <FormControl>
-              <Input placeholder="例如: abcde.DNSLog.cn" {...field} />
+              <Input placeholder={t("placeholders.input")} {...field} />
             </FormControl>
             <FormMessage />
           </FormFieldItem>
         )}
       />
-  ), [form.control]);
+    ),
+    [form.control, t],
+  );
 
-  const MiddlewareSelect = useMemo(() => (
-    <FormField
-      control={form.control}
-      name="server"
-      render={({ field }) => (
-        <FormFieldItem>
-          <FormFieldLabel>中间件类型</FormFieldLabel>
-          <Select onValueChange={field.onChange} defaultValue={field.value}>
-            <FormControl>
-              <SelectTrigger>
-                <SelectValue placeholder="选择中间件..." />
-              </SelectTrigger>
-            </FormControl>
-            <SelectContent>
-              {Object.keys(servers ?? {}).map((server: string) => (
-                <SelectItem key={server} value={server}>
-                  {server}
-                </SelectItem>
-              ))}
-            </SelectContent>
-          </Select>
-          <FormMessage />
-        </FormFieldItem>
-      )}
-    />
-  ), [form.control, servers]);
+  const MiddlewareSelect = useMemo(
+    () => (
+      <FormField
+        control={form.control}
+        name="server"
+        render={({ field }) => (
+          <FormFieldItem>
+            <FormFieldLabel>{t("server")}</FormFieldLabel>
+            <Select onValueChange={field.onChange} defaultValue={field.value}>
+              <FormControl>
+                <SelectTrigger>
+                  <SelectValue placeholder={t("placeholders.select")} />
+                </SelectTrigger>
+              </FormControl>
+              <SelectContent>
+                {Object.keys(servers ?? {}).map((server: string) => (
+                  <SelectItem key={server} value={server}>
+                    {server}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+            <FormMessage />
+          </FormFieldItem>
+        )}
+      />
+    ),
+    [form.control, servers, t],
+  );
 
-  const SwitchGroup = useMemo(() => (
-    <div className="flex gap-4 mt-4 flex-col sm:flex-row">
-      <FormField
-        control={form.control}
-        name="debug"
-        render={({ field }) => (
-          <FormItem className="flex items-center space-x-2 space-y-0">
-            <FormControl>
-              <Switch id="debug" checked={field.value} onCheckedChange={field.onChange} />
-            </FormControl>
-            <FormLabel htmlFor="debug">{t("mainConfig.debug")}</FormLabel>
-          </FormItem>
-        )}
-      />
-      <FormField
-        control={form.control}
-        name="byPassJavaModule"
-        render={({ field }) => (
-          <FormItem className="flex items-center space-x-2 space-y-0">
-            <FormControl>
-              <Switch id="bypass" checked={field.value} onCheckedChange={field.onChange} />
-            </FormControl>
-            <Label htmlFor="bypass">{t("mainConfig.byPassJavaModule")}</Label>
-          </FormItem>
-        )}
-      />
-      <FormField
-        control={form.control}
-        name="shrink"
-        render={({ field }) => (
-          <FormItem className="flex items-center space-x-2 space-y-0">
-            <FormControl>
-              <Switch id="shrink" checked={field.value} onCheckedChange={field.onChange} />
-            </FormControl>
-            <Label htmlFor="shrink">{t("mainConfig.shrink")}</Label>
-          </FormItem>
-        )}
-      />
-    </div>
-  ), [form.control, t]);
+  const SwitchGroup = useMemo(
+    () => (
+      <div className="flex gap-4 mt-4 flex-col sm:flex-row">
+        <FormField
+          control={form.control}
+          name="debug"
+          render={({ field }) => (
+            <FormItem className="flex items-center space-x-2 space-y-0">
+              <FormControl>
+                <Switch
+                  id="debug"
+                  checked={field.value}
+                  onCheckedChange={field.onChange}
+                />
+              </FormControl>
+              <FormLabel htmlFor="debug">{t("debug")}</FormLabel>
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="byPassJavaModule"
+          render={({ field }) => (
+            <FormItem className="flex items-center space-x-2 space-y-0">
+              <FormControl>
+                <Switch
+                  id="bypass"
+                  checked={field.value}
+                  onCheckedChange={field.onChange}
+                />
+              </FormControl>
+              <Label htmlFor="bypass">{t("byPassJavaModule")}</Label>
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="shrink"
+          render={({ field }) => (
+            <FormItem className="flex items-center space-x-2 space-y-0">
+              <FormControl>
+                <Switch
+                  id="shrink"
+                  checked={field.value}
+                  onCheckedChange={field.onChange}
+                />
+              </FormControl>
+              <Label htmlFor="shrink">{t("shrink")}</Label>
+            </FormItem>
+          )}
+        />
+      </div>
+    ),
+    [form.control, t],
+  );
 
   return (
     <FormProvider {...form}>
@@ -302,17 +335,20 @@ export default function MainConfigCard({ form, servers }: MainConfigCardProps) {
         <CardHeader className="pb-1">
           <CardTitle className="text-md flex items-center gap-2">
             <ServerIcon className="h-5 w-5" />
-            <span>{t("configs.main-config")}</span>
+            <span>{t("mainConfig.title")}</span>
           </CardTitle>
         </CardHeader>
-        <CardContent className="space-y-4">
+        <CardContent className="space-y-2">
           <FormField
             control={form.control}
             name="probeMethod"
             render={({ field }) => (
               <FormFieldItem>
-                <FormFieldLabel>探测方式</FormFieldLabel>
-                <Select onValueChange={field.onChange} defaultValue={field.value}>
+                <FormFieldLabel>{t("probeshell:probeMethod")}</FormFieldLabel>
+                <Select
+                  onValueChange={field.onChange}
+                  defaultValue={field.value}
+                >
                   <FormControl>
                     <SelectTrigger>
                       <SelectValue />
@@ -343,9 +379,13 @@ export default function MainConfigCard({ form, servers }: MainConfigCardProps) {
             render={({ field }) => (
               <FormFieldItem>
                 <FormFieldLabel htmlFor="shellClassName">
-                  {t("mainConfig.shellClassName")} {t("optional")}
+                  {t("probeshell:shellClassName")} {t("optional")}
                 </FormFieldLabel>
-                <Input id="shellClassName" {...field} placeholder={t("placeholders.input")} />
+                <Input
+                  id="shellClassName"
+                  {...field}
+                  placeholder={t("placeholders.input")}
+                />
               </FormFieldItem>
             )}
           />
@@ -353,4 +393,4 @@ export default function MainConfigCard({ form, servers }: MainConfigCardProps) {
       </Card>
     </FormProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/web/src/components/probeshell/package-config-card.tsx b/web/src/components/probeshell/package-config-card.tsx
index 07653704..9212eea3 100644
--- a/web/src/components/probeshell/package-config-card.tsx
+++ b/web/src/components/probeshell/package-config-card.tsx
@@ -2,8 +2,18 @@ import { PackageIcon } from "lucide-react";
 import { useEffect, useState } from "react";
 import { FormProvider, type UseFormReturn } from "react-hook-form";
 import { useTranslation } from "react-i18next";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card.tsx";
-import { FormControl, FormField, FormItem, FormLabel } from "@/components/ui/form.tsx";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card.tsx";
+import {
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@/components/ui/form.tsx";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group.tsx";
 import type { PackerConfig } from "@/types/memshell";
 import type { ProbeShellFormSchema } from "@/types/schema";
@@ -21,7 +31,7 @@ export default function PackageConfigCard({
   form: UseFormReturn<ProbeShellFormSchema>;
 }>) {
   const [options, setOptions] = useState<Array<Option>>([]);
-  const { t } = useTranslation();
+  const { t } = useTranslation("common");
 
   useEffect(() => {
     const filteredOptions = (packerConfig ?? []).filter((name) => {
@@ -30,24 +40,27 @@ export default function PackageConfigCard({
 
     const mappedOptions = filteredOptions.map((name) => {
       return {
-        name: t(`packageConfig.packer.${name}`),
+        name: name,
         value: name,
       };
     });
 
     setOptions(mappedOptions);
     const currentValue = form.getValues("packingMethod");
-    if (filteredOptions.length > 0 && (!currentValue || !filteredOptions.includes(currentValue))) {
+    if (
+      filteredOptions.length > 0 &&
+      (!currentValue || !filteredOptions.includes(currentValue))
+    ) {
       form.setValue("packingMethod", filteredOptions[0]);
     }
-  }, [form, packerConfig, t]);
+  }, [form, packerConfig]);
 
   return (
     <Card className="w-full">
       <CardHeader className="pb-1">
         <CardTitle className="text-md flex items-center gap-2">
           <PackageIcon className="h-5" />
-          <span>{t("configs.package-config")}</span>
+          <span>{t("packerConfig.title")}</span>
         </CardTitle>
       </CardHeader>
       <CardContent>
@@ -58,7 +71,7 @@ export default function PackageConfigCard({
               name="packingMethod"
               render={({ field }) => (
                 <FormItem className="space-y-3">
-                  <FormLabel>{t("packageConfig.title")}</FormLabel>
+                  <FormLabel>{t("packerMethod")}</FormLabel>
                   <FormControl>
                     <RadioGroup
                       onValueChange={field.onChange}
@@ -66,7 +79,10 @@ export default function PackageConfigCard({
                       className="grid grid-cols-2 md:grid-cols-3"
                     >
                       {options.map(({ name, value }) => (
-                        <FormItem key={value} className="flex items-center space-x-3 space-y-0">
+                        <FormItem
+                          key={value}
+                          className="flex items-center space-x-3 space-y-0"
+                        >
                           <FormControl>
                             <RadioGroupItem value={value} id={value} />
                           </FormControl>
@@ -84,7 +100,9 @@ export default function PackageConfigCard({
         ) : (
           <div className="flex items-center justify-center p-4 space-x-2">
             <div className="h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" />
-            <span className="text-sm text-muted-foreground">{t("loading")}</span>
+            <span className="text-sm text-muted-foreground">
+              {t("loading")}
+            </span>
           </div>
         )}
       </CardContent>
diff --git a/web/src/components/probeshell/quick-usage.tsx b/web/src/components/probeshell/quick-usage.tsx
index d3f993b2..6e591808 100644
--- a/web/src/components/probeshell/quick-usage.tsx
+++ b/web/src/components/probeshell/quick-usage.tsx
@@ -1,24 +1,27 @@
 import { ScrollTextIcon } from "lucide-react";
 import { useTranslation } from "react-i18next";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card.tsx";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card.tsx";
 
 export function QuickUsage() {
-  const { t } = useTranslation();
+  const { t } = useTranslation(["common", "probeshell"]);
   return (
     <Card>
       <CardHeader>
         <CardTitle className="text-md flex items-center gap-2">
           <ScrollTextIcon className="h-5" />
-          <span>{t("quickUsage.title")}</span>
+          <span>{t("common:quickUsage.title")}</span>
         </CardTitle>
       </CardHeader>
       <CardContent>
         <ol className="list-decimal list-inside space-y-4 text-sm">
-          <li>{t("quickUsage.step1")}</li>
-          <li>{t("quickUsage.step2")}</li>
-          <li>{t("quickUsage.step3")}</li>
-          <li>{t("quickUsage.step4")}</li>
-          <li>{t("quickUsage.step5")}</li>
+          <li>{t("probeshell:quickUsage.step1")}</li>
+          <li>{t("probeshell:quickUsage.step2")}</li>
+          <li>{t("probeshell:quickUsage.step3")}</li>
         </ol>
       </CardContent>
     </Card>
diff --git a/web/src/components/probeshell/shell-result.tsx b/web/src/components/probeshell/shell-result.tsx
index f836c785..a9955a7a 100644
--- a/web/src/components/probeshell/shell-result.tsx
+++ b/web/src/components/probeshell/shell-result.tsx
@@ -1,6 +1,11 @@
 import { useTranslation } from "react-i18next";
 import { QuickUsage } from "@/components/probeshell/quick-usage";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs.tsx";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "@/components/ui/tabs.tsx";
 import type { ProbeShellResult } from "@/types/probeshell";
 import CodeViewer from "../code-viewer";
 import { MultiPackResult } from "../memshell/results/multi-packer";
@@ -25,32 +30,37 @@ export default function ShellResult({
   return (
     <Tabs defaultValue="packResult">
       <TabsList className="grid w-full grid-cols-1">
-        <TabsTrigger value="packResult">{t("generateResult.title1")}</TabsTrigger>
+        <TabsTrigger value="packResult">
+          {t("common:generateResult")}
+        </TabsTrigger>
       </TabsList>
       <TabsContent value="packResult" className="my-2 space-y-4">
         <BasicInfo generateResult={generateResult} />
-        {
-          allPackResults && <MultiPackResult allPackResults={allPackResults} packMethod={packMethod} />
-        }
-        {
-          packResult && (
-                <CodeViewer
-                  code={packResult}
-                  header={
-                    <div className="flex items-center justify-between text-xs gap-2">
-                      <span>
-                        {t("packageConfig.title")}：{packMethod}
-                      </span>
-                      <span className="text-muted-foreground">({packResult?.length})</span>
-                    </div>
-                  }
-                  wrapLongLines={!showCode}
-                  showLineNumbers={showCode}
-                  language={showCode ? "java" : "text"}
-                  height={350}
-                />
-              )
-        }
+        {allPackResults && (
+          <MultiPackResult
+            allPackResults={allPackResults}
+            packMethod={packMethod}
+          />
+        )}
+        {packResult && (
+          <CodeViewer
+            code={packResult}
+            header={
+              <div className="flex items-center justify-between text-xs gap-2">
+                <span>
+                  {t("common:packerMethod")}：{packMethod}
+                </span>
+                <span className="text-muted-foreground">
+                  ({packResult?.length})
+                </span>
+              </div>
+            }
+            wrapLongLines={!showCode}
+            showLineNumbers={showCode}
+            language={showCode ? "java" : "text"}
+            height={350}
+          />
+        )}
       </TabsContent>
     </Tabs>
   );
diff --git a/web/src/i18n/common/en.json b/web/src/i18n/common/en.json
new file mode 100644
index 00000000..1ca97ffb
--- /dev/null
+++ b/web/src/i18n/common/en.json
@@ -0,0 +1,37 @@
+{
+  "about": "About",
+  "basicInfo": "BasicInfo",
+  "byPassJavaModule": "Bypass JavaModule",
+  "cancel": "Cancel",
+  "copyLabelSuccess": "Copy {{label}} successfully",
+  "copySuccess": "Copy successfully",
+  "debug": "Debug Mode",
+  "download": "Downlaod",
+  "encryptor": "Encryptor",
+  "feedback": "Feedback",
+  "generateResult": "Generate Result",
+  "generator": "Generator",
+  "headerName": "HeaderName",
+  "headerValue": "HeaderValue",
+  "implementationClass": "ImplementationClass",
+  "loading": "Loading...",
+  "mainConfig.title": "Main Config",
+  "MemShellGenerator": "MemShellGenerator",
+  "optional": "(Optional)",
+  "packerConfig.title": "Package Config",
+  "packerMethod": "Package Method",
+  "paramName": "ParamName",
+  "placeholders.input": "Please input",
+  "placeholders.select": "Please select",
+  "ProbeShellGenerator": "ProbeShellGenerator",
+  "quickUsage.title": "Quick Usage",
+  "server": "Server",
+  "serverVersion": "Server Version",
+  "shrink": "Shrink",
+  "toast.generateError": "Generation failed, {{error}}",
+  "toast.generateSuccess": "Generation successful",
+  "urlPattern": "URL Pattern",
+  "usage": "Usage",
+  "version.updateAvailable": "Update Available",
+  "version.updateAvailableTooltip": "Click to Open Github Release Page ( v{{currentVersion}} -> v{{latestVersion}})"
+}
\ No newline at end of file
diff --git a/web/src/i18n/common/zh-CN.json b/web/src/i18n/common/zh-CN.json
new file mode 100644
index 00000000..80dffa07
--- /dev/null
+++ b/web/src/i18n/common/zh-CN.json
@@ -0,0 +1,37 @@
+{
+  "about": "关于",
+  "basicInfo": "基本信息",
+  "byPassJavaModule": "绕过 Java 模块限制",
+  "cancel": "取消",
+  "copyLabelSuccess": "复制 {{label}} 成功",
+  "copySuccess": "复制成功",
+  "debug": "调试模式",
+  "download": "下载",
+  "encryptor": "加密器",
+  "feedback": "反馈",
+  "generateResult": "生成结果",
+  "generator": "生成器",
+  "headerName": "请求头名称",
+  "headerValue": "请求头值",
+  "implementationClass": "实现类",
+  "loading": "加载中...",
+  "mainConfig.title": "核心配置",
+  "MemShellGenerator": "内存马生成器",
+  "optional": "(可选)",
+  "packerConfig.title": "打包配置",
+  "packerMethod": "打包方式",
+  "paramName": "参数名称",
+  "placeholders.input": "请输入",
+  "placeholders.select": "请选择",
+  "ProbeShellGenerator": "探测马生成器",
+  "quickUsage.title": "快速使用",
+  "server": "服务类型",
+  "serverVersion": "服务版本",
+  "shrink": "缩小字节码",
+  "toast.generateError": "生成失败，{{error}}",
+  "toast.generateSuccess": "生成成功",
+  "urlPattern": "请求路径",
+  "usage": "使用指南",
+  "version.updateAvailable": "有可用升级",
+  "version.updateAvailableTooltip": "点击前往 GitHub Release ( v{{currentVersion}} -> v{{latestVersion}})"
+}
\ No newline at end of file
diff --git a/web/src/i18n/en.json b/web/src/i18n/en.json
deleted file mode 100644
index 8a87e661..00000000
--- a/web/src/i18n/en.json
+++ /dev/null
@@ -1,123 +0,0 @@
-{
-  "basicInfo.classInfo": "ShellClass",
-  "basicInfo.serverInfo": "TargetServer",
-  "basicInfo.toolInfo": "ShellTool",
-  "buttons.generate": "Generate Shell",
-  "cancel": "Cancel",
-  "configs.main-config": "Main Config",
-  "configs.package-config": "Package Config",
-  "copyLabelSuccess": "Copy {{label}} successfully",
-  "copySuccess": "Copy successfully",
-  "download": "Downlaod",
-  "errors.generationFailed": "Generation failed, {{error}}",
-  "feedback": "Feedback",
-  "generateResult.basicInfo": "Basic Info",
-  "generateResult.title1": "Generate Result",
-  "generateResult.title2": "Shell Class",
-  "generateResult.title3": "Injector Class",
-  "generateResult.usage": "Usage",
-  "loading": "Loading...",
-  "mainConfig.byPassJavaModule": "Bypass Java Module",
-  "mainConfig.debug": "Debug Mode",
-  "mainConfig.injectorClassName": "Injector ClassName",
-  "mainConfig.jre": "Target JRE Version",
-  "mainConfig.server": "Target Server",
-  "mainConfig.serverVersion": "Target Server Version",
-  "mainConfig.shellClassName": "Shell ClassName",
-  "mainConfig.shellMountType": "Shell Mount Type",
-  "mainConfig.shellTool": "Shell Tool",
-  "mainConfig.shrink": "Shrink Bytecode",
-  "mainConfig.urlPattern": "URL Pattern",
-  "optional": "(Optional)",
-  "packageConfig.packer.AgentJar": "AgentJar",
-  "packageConfig.packer.Aviator": "Aviator",
-  "packageConfig.packer.BCEL": "BCEL",
-  "packageConfig.packer.Base64": "Base64",
-  "packageConfig.packer.BeanShell": "BeanShell",
-  "packageConfig.packer.EL": "EL",
-  "packageConfig.packer.Freemarker": "Freemarker",
-  "packageConfig.packer.Groovy": "Groovy",
-  "packageConfig.packer.GzipBase64": "GzipBase64",
-  "packageConfig.packer.Hessian2Deserialize": "Hessian2Deserialize",
-  "packageConfig.packer.HessianDeserialize": "HessianDeserialize",
-  "packageConfig.packer.JEXL": "JEXL",
-  "packageConfig.packer.JSP": "JSP",
-  "packageConfig.packer.JXPath": "JXPath",
-  "packageConfig.packer.Jar": "Jar",
-  "packageConfig.packer.JavaDeserialize": "JavaDeserialize",
-  "packageConfig.packer.JinJava": "JinJava",
-  "packageConfig.packer.MVEL": "MVEL",
-  "packageConfig.packer.OGNL": "OGNL",
-  "packageConfig.packer.Rhino": "Rhino",
-  "packageConfig.packer.ScriptEngine": "ScriptEngine",
-  "packageConfig.packer.SpEL": "SpEL",
-  "packageConfig.packer.Velocity": "Velocity",
-  "packageConfig.packer.XxlJob": "XXL-JOB Executor",
-  "packageConfig.packer.AgentJarWithJDKAttacher": "AgentJarWithJDKAttacher",
-  "packageConfig.packer.AgentJarWithJREAttacher": "AgentJarWithJREAttacher",
-  "packageConfig.packer.H2": "H2 JDBC",
-  "packageConfig.packer.XMLDecoder": "XMLDecoder",
-  "packageConfig.title": "Package Method",
-  "placeholders.input": "Please input",
-  "placeholders.select": "Please select",
-  "quickUsage.step1": "Select Target Server",
-  "quickUsage.step2": "Select Shell Tool, Godzilla, Behinder, etc.",
-  "quickUsage.step3": "Select Shell Mount Type, Filter, Listener, etc.",
-  "quickUsage.step4": "Select Packing Method",
-  "quickUsage.step5": "Click Generate Shell",
-  "quickUsage.title": "Quick Usage",
-  "shellNotWork.step1": "1. Try to enable the debug mode, regenerate the memory shell and inject it, check the console or log",
-  "shellNotWork.step2": "2. If an exception stack trace is displayed, or no exception is seen, please take a screenshot of the current generation interface and the exception log, and describe the target environment as much as possible for feedback",
-  "shellNotWork.title": "Shell Not Work ?",
-  "shellToolConfig.antSwordPass": "Shell pwd",
-  "shellToolConfig.behinder": "Behinder",
-  "shellToolConfig.behinderDefaultEncryptType": "Default",
-  "shellToolConfig.behinderEncryptType": "Encrypt Type",
-  "shellToolConfig.behinderPass": "Pass",
-  "shellToolConfig.behinderScriptType": "Script Type",
-  "shellToolConfig.command": "Command",
-  "shellToolConfig.customHeader": "Custom Header",
-  "shellToolConfig.godzilla": "Godzilla",
-  "shellToolConfig.godzillaEncryptor": "Encryptor",
-  "shellToolConfig.godzillaHeader": "Request Config -> Request Header",
-  "shellToolConfig.godzillaPayload": "Payload",
-  "shellToolConfig.headerName": "Header Name",
-  "shellToolConfig.headerValue": "Header Value",
-  "shellToolConfig.httpHeader": "HTTP -> HTTP HEADERS",
-  "shellToolConfig.key": "Key",
-  "shellToolConfig.neoreGeorgHeader": "Custom Header",
-  "shellToolConfig.neoreGeorgKey": "Connection Key",
-  "shellToolConfig.paramName": "Param Name",
-  "shellToolConfig.pass": "Pass",
-  "shellToolConfig.suo5Header": "AdvanceConfiguration -> Request Header",
-  "shellToolConfig.base64String": "Shell Class",
-  "shellToolConfig.encryptor": "Encryptor",
-  "shellToolConfig.implementationClass": "ImplementationClass",
-  "success.generated": "Generation successful",
-  "tips.controllerUrlPattern": "ControllerHandler type requires a specific URL Pattern, e.g., /hello_controller",
-  "tips.decompileTip": "Decompilation is still under development, so the current only sees the base64 encoding format",
-  "tips.download-jattach": "Download the Jattach tool",
-  "tips.execute-command": "Execute the command to inject: /path/to/jattach pid load instrument false /path/to/agent.jar",
-  "tips.execute-command1": "Execute the command to inject: java -jar /path/to/agent.jar pid",
-  "tips.get-pid": "Get the process pid of the target jvm (use jps or ps)",
-  "tips.handlerUrlPattern": "HandlerMethod/HandlerFunction type requires a specific URL Pattern, e.g., /hello_handler",
-  "tips.jreTip": "Target JRE version, generally speaking, Java 6 is the default version for maximum compatibility, and Java high versions can load low version bytecode.",
-  "tips.jreTip2": "In specific cases, such as JDK8 being able to use lambda expressions, and JDK9 and above having module restrictions, a specific version is required.",
-  "tips.agent-move-to-target": "Move MemShellAgent.jar and jattach to target host",
-  "tips.agent-move-to-target1": "Move MemShellAgent.jar to target host",
-  "tips.servletUrlPattern": "Servlet type requires a specific URL Pattern, e.g., /hello_servlet",
-  "tips.specificUrlPattern": "URL Pattern must be specified, e.g., /hello",
-  "tips.shellBytesEmpty": "Shell bytes is empty, please generate shell first",
-  "tips.shellToolNotSelected": "Please select a shell tool type first",
-  "tips.targetServerNotFound": "Target server not found?",
-  "tips.targetServerRequest": "Request",
-  "tips.try-to-use-shell": "Try to use the memory shell",
-  "tips.waitingForGeneration": "// Waiting for generation...",
-  "tips.customShellClass": "Custom shell class is required, base64 or classfile",
-  "tips.serverVersion": "serverVersion is required for TongWeb Valve",
-  "version.updateAvailable": "Update Available",
-  "version.updateAvailableTooltip": "Click to Open Github Release Page ( v{{currentVersion}} -> v{{latestVersion}})",
-  "generator": "Generator",
-  "about": "About",
-  "classNameOptions": "classNameOptions"
-}
diff --git a/web/src/i18n/i18n.ts b/web/src/i18n/i18n.ts
index d7c8cc1d..c889840f 100644
--- a/web/src/i18n/i18n.ts
+++ b/web/src/i18n/i18n.ts
@@ -1,28 +1,53 @@
 import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
-import { resources } from "./translations";
+import commonEN from "@/i18n/common/en.json";
+import commonZH from "@/i18n/common/zh-CN.json";
+import memshellEN from "@/i18n/memshell/en.json";
+import memshellZH from "@/i18n/memshell/zh-CN.json";
+import probeshellEN from "@/i18n/probeshell/en.json";
+import probeshellZH from "@/i18n/probeshell/zh-CN.json";
 
 const getStoredLanguage = () => {
   const storedLang = localStorage.getItem("i18nextLng");
-  if (storedLang && ["en", "zh"].includes(storedLang)) {
+  if (storedLang && ["en", "zh-CN"].includes(storedLang)) {
     return storedLang;
   }
   const browserLang = navigator.language.split("-")[0];
-  return ["en", "zh"].includes(browserLang) ? browserLang : "en";
+  return ["en", "zh-CN"].includes(browserLang) ? browserLang : "en";
+};
+
+const fallbackLng = "en";
+export const ns = [
+  "default",
+  "common",
+  "memshell",
+  "probeshell",
+  "errors",
+] as const;
+export const defaultNS = "default" as const;
+
+const resources = {
+  "zh-CN": {
+    common: commonZH,
+    memshell: memshellZH,
+    probeshell: probeshellZH,
+  },
+  en: {
+    common: commonEN,
+    memshell: memshellEN,
+    probeshell: probeshellEN,
+  },
 };
 
 i18n.use(initReactI18next).init({
+  ns,
+  defaultNS,
   resources,
   lng: getStoredLanguage(),
-  fallbackLng: "en",
+  fallbackLng,
   interpolation: {
     escapeValue: false,
   },
-  detection: {
-    order: ["localStorage", "navigator"],
-  },
-  saveMissing: true,
-  load: "languageOnly",
 });
 
 i18n.on("languageChanged", (lng) => {
diff --git a/web/src/i18n/memshell/en.json b/web/src/i18n/memshell/en.json
new file mode 100644
index 00000000..dfabd955
--- /dev/null
+++ b/web/src/i18n/memshell/en.json
@@ -0,0 +1,56 @@
+{
+  "basicInfo.classInfo": "ShellClass",
+  "basicInfo.serverInfo": "TargetServer",
+  "basicInfo.toolInfo": "ShellTool",
+  "buttons.generate": "Generate Shell",
+  "classNameOptions": "ClassNameOptions",
+  "injectorClass": "InjectorClass",
+  "mainConfig.injectorClassName": "Injector ClassName",
+  "mainConfig.shellClassName": "Shell ClassName",
+  "mainConfig.shellMountType": "Shell Mount Type",
+  "mainConfig.shellTool": "ShellTool",
+  "quickUsage.step1": "Select Target Server",
+  "quickUsage.step2": "Select Shell Tool, Godzilla, Behinder, etc.",
+  "quickUsage.step3": "Select Shell Mount Type, Filter, Listener, etc.",
+  "quickUsage.step4": "Select Packing Method",
+  "quickUsage.step5": "Click Generate Shell",
+  "shellClass": "ShellClass",
+  "shellNotWork.step1": "1. Try to enable the debug mode, regenerate the memory shell and inject it, check the console or log",
+  "shellNotWork.step2": "2. If an exception stack trace is displayed, or no exception is seen, please take a screenshot of the current generation interface and the exception log, and describe the target environment as much as possible for feedback",
+  "shellNotWork.title": "Shell Not Work ?",
+  "shellToolConfig.antSword.pass": "Shell pwd",
+  "shellToolConfig.behinder": "Behinder",
+  "shellToolConfig.behinder.header": "Custom Header",
+  "shellToolConfig.behinder.pass": "Pass",
+  "shellToolConfig.behinderDefaultEncryptType": "Default",
+  "shellToolConfig.behinderEncryptType": "Encrypt Type",
+  "shellToolConfig.behinderScriptType": "Script Type",
+  "shellToolConfig.command": "Command",
+  "shellToolConfig.godzilla": "Godzilla",
+  "shellToolConfig.godzilla.encryptor": "Encryptor",
+  "shellToolConfig.godzilla.header": "Request Config -> Request Header",
+  "shellToolConfig.godzilla.key": "Key",
+  "shellToolConfig.godzilla.pass": "Pass",
+  "shellToolConfig.godzilla.payload": "Payload",
+  "shellToolConfig.httpHeader": "HTTP -> HTTP HEADERS",
+  "shellToolConfig.neoreGeorgHeader": "Custom Header",
+  "shellToolConfig.neoreGeorgKey": "Connection Key",
+  "shellToolConfig.suo5Header": "AdvanceConfiguration -> Request Header",
+  "tips.agent-move-to-target": "Move MemShellAgent.jar and jattach to target host",
+  "tips.agent-move-to-target1": "Move MemShellAgent.jar to target host",
+  "tips.controllerUrlPattern": "ControllerHandler type requires a specific URL Pattern, e.g., /hello_controller",
+  "tips.customShellClass": "Custom shell class is required, base64 or classfile",
+  "tips.download-jattach": "Download the Jattach tool",
+  "tips.execute-command": "Execute the command to inject: /path/to/jattach pid load instrument false /path/to/agent.jar",
+  "tips.execute-command1": "Execute the command to inject: java -jar /path/to/agent.jar pid",
+  "tips.get-pid": "Get the process pid of the target jvm (use jps or ps)",
+  "tips.handlerUrlPattern": "HandlerMethod/HandlerFunction type requires a specific URL Pattern, e.g., /hello_handler",
+  "tips.serverVersion": "serverVersion is required for TongWeb Valve",
+  "tips.servletUrlPattern": "Servlet type requires a specific URL Pattern, e.g., /hello_servlet",
+  "tips.shellBytesEmpty": "Shell bytes is empty, please generate shell first",
+  "tips.shellToolNotSelected": "Please select a shell tool type first",
+  "tips.specificUrlPattern": "URL Pattern must be specified, e.g., /hello",
+  "tips.targetServerNotFound": "Target server not found?",
+  "tips.targetServerRequest": "Request",
+  "tips.try-to-use-shell": "Try to use the memory shell"
+}
diff --git a/web/src/i18n/memshell/zh-CN.json b/web/src/i18n/memshell/zh-CN.json
new file mode 100644
index 00000000..177224ed
--- /dev/null
+++ b/web/src/i18n/memshell/zh-CN.json
@@ -0,0 +1,59 @@
+{
+  "basicInfo.classInfo": "内存马类信息",
+  "basicInfo.serverInfo": "目标服务信息",
+  "basicInfo.toolInfo": "内存马工具信息",
+  "buttons.generate": "生成内存马",
+  "injectorClass": "注入器",
+  "shellClass": "内存马",
+  "classNameOptions": "类名配置项",
+  "mainConfig.injectorClassName": "注入器类名",
+  "mainConfig.shellClassName": "内存马类名",
+  "mainConfig.shellMountType": "内存马挂载类型",
+  "mainConfig.shellTool": "内存马功能",
+  "quickUsage.step1": "选择目标服务",
+  "quickUsage.step2": "选择内存马功能，Godzilla、Behinder 或者其他",
+  "quickUsage.step3": "选择内存马挂载类型，Filter、Listener 或者其他",
+  "quickUsage.step4": "选择打包方式",
+  "quickUsage.step5": "点击生成内存马",
+  "shellNotWork.step1": "1. 尝试开启调试模式，重新生成并注入，查看控制台或日志",
+  "shellNotWork.step2": "2. 如果出现异常堆栈信息，或未见异常，请截图当前生成界面以及异常日志，并尽可能描述目标环境进行反馈",
+  "shellNotWork.title": "利用失败？",
+  "shellToolConfig.antSword.pass": "连接密码",
+  "shellToolConfig.behinder": "冰蝎",
+  "shellToolConfig.behinder.header": "自定义请求头",
+  "shellToolConfig.behinder.pass": "连接密码",
+  "shellToolConfig.behinderDefaultEncryptType": "默认",
+  "shellToolConfig.behinderEncryptType": "加密类型",
+  "shellToolConfig.behinderScriptType": "脚本类型",
+  "shellToolConfig.command": "命令回显",
+  "shellToolConfig.godzilla": "哥斯拉",
+  "shellToolConfig.godzilla.encryptor": "加密器",
+  "shellToolConfig.godzilla.header": "请求配置 -> 请求头",
+  "shellToolConfig.godzilla.key": "密钥",
+  "shellToolConfig.godzilla.pass": "密码",
+  "shellToolConfig.godzilla.payload": "有效载荷",
+  "shellToolConfig.httpHeader": "请求信息 -> HTTP HEADERS",
+  "shellToolConfig.neoreGeorgHeader": "自定义请求头",
+  "shellToolConfig.neoreGeorgKey": "连接密钥",
+  "shellToolConfig.suo5Header": "高级配置 -> 请求头",
+  "tips.agent-move-to-target": "将 MemShellAgent.jar 和 jattach 移到到目标服务磁盘上",
+  "tips.agent-move-to-target1": "将 MemShellAgent.jar 移到到目标服务磁盘上",
+  "tips.controllerUrlPattern": "ControllerHandler 类型的需要填写具体的 URL Pattern，例如 /hello_controller",
+  "tips.customShellClass": "请输入自定义内存马类，base64 或类文件",
+  "tips.download-jattach": "下载 Jattach 工具",
+  "tips.execute-command": "执行命令进行注入：/path/to/jattach pid load instrument false /path/to/agent.jar",
+  "tips.execute-command1": "执行命令进行注入：java -jar /path/to/agent.jar pid",
+  "tips.get-pid": "获取目标 jvm 的进程 pid（使用 jps 或 ps）",
+  "tips.handlerUrlPattern": "HandlerMethod/HandlerFunction 类型的需要填写具体的 URL Pattern，例如 /hello_handler",
+  "tips.serverVersion": "TongWeb Valve 需要指定 serverVersion",
+  "tips.servletUrlPattern": "Servlet 类型的需要填写具体的 URL Pattern，例如 /hello_servlet",
+  "tips.shellBytesEmpty": "内存马字节码为空，无法下载，请先生成内存马",
+  "tips.shellToolNotSelected": "请先选择内存马工具类型",
+  "tips.specificUrlPattern": "必须指定 URL Pattern，例如 /hello",
+  "tips.targetServerNotFound": "找不到目标服务？",
+  "tips.targetServerRequest": "请求适配",
+  "tips.try-to-use-shell": "尝试利用内存马",
+  "shellNotWork": {
+    "title": "利用失败？"
+  }
+}
diff --git a/web/src/i18n/probeshell/en.json b/web/src/i18n/probeshell/en.json
new file mode 100644
index 00000000..9df96e4a
--- /dev/null
+++ b/web/src/i18n/probeshell/en.json
@@ -0,0 +1,18 @@
+{
+  "buttons.generate": "Generate Shell",
+  "dnslog.host": "DNSLog Host",
+  "probeContent": "ProbeContent",
+  "probeContent.bytecode": "Bytecode",
+  "probeContent.command": "Command",
+  "probeContent.jdk": "JDK",
+  "probeContent.server": "Server",
+  "probeMethod": "ProbeMethod",
+  "quickUsage.step1": "Select Probe Method, DNSLog, Response, etc.",
+  "quickUsage.step2": "Select Probe Content, JDK, Server, etc.",
+  "quickUsage.step3": "Click Generate Shell",
+  "shellClassName": "ShellClassName",
+  "sleepSeconds": "SleepTime (seconds)",
+  "sleepServer": "SleepServer",
+  "tips.dnslog.host.required": "DNSLog host required",
+  "tips.response.reqParamName.required": "ParamName required"
+}
diff --git a/web/src/i18n/probeshell/zh-CN.json b/web/src/i18n/probeshell/zh-CN.json
new file mode 100644
index 00000000..7379bb2c
--- /dev/null
+++ b/web/src/i18n/probeshell/zh-CN.json
@@ -0,0 +1,18 @@
+{
+  "buttons.generate": "生成探测马",
+  "dnslog.host": "DNSLog 地址",
+  "probeContent": "探测内容",
+  "probeContent.bytecode": "自定义字节码执行",
+  "probeContent.command": "命令执行",
+  "probeContent.jdk": "JDK 信息",
+  "probeContent.server": "服务类型",
+  "probeMethod": "探测方法",
+  "quickUsage.step1": "选择探测方法，DNSLog、Response 或者其他",
+  "quickUsage.step2": "选择探测内容，JDK、服务类型 或者其他",
+  "quickUsage.step3": "点击生成探测马",
+  "shellClassName": "探测马类名",
+  "sleepSeconds": "延迟时间（秒）",
+  "sleepServer": "探测服务",
+  "tips.dnslog.host.required": "DNSLog 地址必填",
+  "tips.response.reqParamName.required": "参数名称必填"
+}
diff --git a/web/src/i18n/translations.ts b/web/src/i18n/translations.ts
deleted file mode 100644
index 62b42318..00000000
--- a/web/src/i18n/translations.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import en from "./en.json";
-import zh from "./zh-CN.json";
-export const resources = {
-  en: {
-    translation: en,
-  },
-  zh: {
-    translation: zh,
-  },
-};
diff --git a/web/src/i18n/zh-CN.json b/web/src/i18n/zh-CN.json
deleted file mode 100644
index 07dac556..00000000
--- a/web/src/i18n/zh-CN.json
+++ /dev/null
@@ -1,121 +0,0 @@
-{
-  "basicInfo.classInfo": "内存马类信息",
-  "basicInfo.serverInfo": "目标服务信息",
-  "basicInfo.toolInfo": "内存马工具信息",
-  "buttons.generate": "生成内存马",
-  "cancel": "取消",
-  "configs.main-config": "核心配置",
-  "configs.package-config": "打包配置",
-  "copyLabelSuccess": "复制 {{label}} 成功",
-  "copySuccess": "复制成功",
-  "download": "下载",
-  "errors.generationFailed": "生成失败，{{error}}",
-  "feedback": "反馈",
-  "generateResult.basicInfo": "基本信息",
-  "generateResult.title1": "生成结果",
-  "generateResult.title2": "内存马类",
-  "generateResult.title3": "注入器类",
-  "generateResult.usage": "使用方法",
-  "loading": "加载中...",
-  "mainConfig.byPassJavaModule": "绕过 Java 模块限制",
-  "mainConfig.debug": "调试模式",
-  "mainConfig.injectorClassName": "注入器类名",
-  "mainConfig.jre": "目标 JRE 版本",
-  "mainConfig.server": "目标服务",
-  "mainConfig.serverVersion": "目标服务版本",
-  "mainConfig.shellClassName": "内存马类名",
-  "mainConfig.shellMountType": "内存马挂载类型",
-  "mainConfig.shellTool": "内存马功能",
-  "mainConfig.shrink": "缩小字节码",
-  "mainConfig.urlPattern": "请求路径",
-  "optional": "(可选)",
-  "packageConfig.packer.AgentJar": "AgentJar",
-  "packageConfig.packer.Aviator": "Aviator 表达式",
-  "packageConfig.packer.BCEL": "BCEL",
-  "packageConfig.packer.Base64": "Base64",
-  "packageConfig.packer.BeanShell": "BeanShell 表达式",
-  "packageConfig.packer.EL": "EL 表达式",
-  "packageConfig.packer.Freemarker": "Freemarker",
-  "packageConfig.packer.Groovy": "Groovy",
-  "packageConfig.packer.GzipBase64": "GzipBase64",
-  "packageConfig.packer.Hessian2Deserialize": "Hessian2 反序列化",
-  "packageConfig.packer.HessianDeserialize": "Hessian 反序列化",
-  "packageConfig.packer.JEXL": "JEXL 表达式",
-  "packageConfig.packer.JSP": "JSP",
-  "packageConfig.packer.JXPath": "JXPath 表达式",
-  "packageConfig.packer.Jar": "Jar",
-  "packageConfig.packer.JavaDeserialize": "Java 反序列化",
-  "packageConfig.packer.JinJava": "JinJava",
-  "packageConfig.packer.MVEL": "MVEL 表达式",
-  "packageConfig.packer.OGNL": "OGNL 表达式",
-  "packageConfig.packer.Rhino": "Rhino 脚本引擎",
-  "packageConfig.packer.ScriptEngine": "内置脚本引擎",
-  "packageConfig.packer.SpEL": "SpEL 表达式",
-  "packageConfig.packer.Velocity": "Velocity",
-  "packageConfig.packer.XxlJob": "XXL-JOB Executor",
-  "packageConfig.packer.AgentJarWithJDKAttacher": "AgentJarWithJDKAttacher",
-  "packageConfig.packer.AgentJarWithJREAttacher": "AgentJarWithJREAttacher",
-  "packageConfig.title": "打包方式",
-  "placeholders.input": "请输入",
-  "placeholders.select": "请选择",
-  "quickUsage.step1": "选择目标服务",
-  "quickUsage.step2": "选择内存马功能，Godzilla、Behinder 或者其他",
-  "quickUsage.step3": "选择内存马挂载类型，Filter、Listener 或者其他",
-  "quickUsage.step4": "选择打包方式",
-  "quickUsage.step5": "点击生成内存马",
-  "quickUsage.title": "快速使用",
-  "shellNotWork.step1": "1. 尝试开启调试模式，重新生成内存马并注入，查看控制台或日志",
-  "shellNotWork.step2": "2. 如果出现异常堆栈信息，或未见异常，请截图当前生成界面以及异常日志，并尽可能描述目标环境进行反馈",
-  "shellNotWork.title": "内存马利用失败？",
-  "shellToolConfig.antSwordPass": "连接密码",
-  "shellToolConfig.behinder": "冰蝎",
-  "shellToolConfig.behinderDefaultEncryptType": "默认",
-  "shellToolConfig.behinderEncryptType": "加密类型",
-  "shellToolConfig.behinderPass": "连接密码",
-  "shellToolConfig.behinderScriptType": "脚本类型",
-  "shellToolConfig.command": "命令回显",
-  "shellToolConfig.customHeader": "自定义请求头",
-  "shellToolConfig.godzilla": "哥斯拉",
-  "shellToolConfig.godzillaEncryptor": "加密器",
-  "shellToolConfig.godzillaHeader": "请求配置 -> 请求头",
-  "shellToolConfig.godzillaPayload": "有效载荷",
-  "shellToolConfig.headerName": "请求头键",
-  "shellToolConfig.headerValue": "请求头值",
-  "shellToolConfig.httpHeader": "请求信息 -> HTTP HEADERS",
-  "shellToolConfig.key": "密钥",
-  "shellToolConfig.neoreGeorgHeader": "自定义请求头",
-  "shellToolConfig.neoreGeorgKey": "连接密钥",
-  "shellToolConfig.paramName": "请求参数",
-  "shellToolConfig.pass": "密码",
-  "shellToolConfig.suo5Header": "高级配置 -> 请求头",
-  "shellToolConfig.base64String": "内存马类",
-  "shellToolConfig.encryptor": "加密器",
-  "shellToolConfig.implementationClass": "实现类",
-  "success.generated": "生成成功",
-  "tips.controllerUrlPattern": "ControllerHandler 类型的需要填写具体的 URL Pattern，例如 /hello_controller",
-  "tips.decompileTip": "反编译还在开发中，因此当前仅能看到 base64 编码格式",
-  "tips.download-jattach": "下载 Jattach 工具",
-  "tips.execute-command": "执行命令进行注入：/path/to/jattach pid load instrument false /path/to/agent.jar",
-  "tips.execute-command1": "执行命令进行注入：java -jar /path/to/agent.jar pid",
-  "tips.get-pid": "获取目标 jvm 的进程 pid（使用 jps 或 ps）",
-  "tips.handlerUrlPattern": "HandlerMethod/HandlerFunction 类型的需要填写具体的 URL Pattern，例如 /hello_handler",
-  "tips.jreTip": "目标 JRE 版本，一般而言为了最大的兼容性，默认 Java 6 即可，Java 高版本能加载低版本的字节码。",
-  "tips.jreTip2": "特定情况下，例如 JDK8 才能使用 lambda 表达式，JDK9 以上存在模块限制时才需要选择特定的版本。",
-  "tips.agent-move-to-target": "将 MemShellAgent.jar 和 jattach 移到到目标服务磁盘上",
-  "tips.agent-move-to-target1": "将 MemShellAgent.jar 移到到目标服务磁盘上",
-  "tips.servletUrlPattern": "Servlet 类型的需要填写具体的 URL Pattern，例如 /hello_servlet",
-  "tips.shellBytesEmpty": "内存马字节码为空，无法下载，请先生成内存马",
-  "tips.shellToolNotSelected": "请先选择内存马工具类型",
-  "tips.targetServerNotFound": "找不到目标服务？",
-  "tips.targetServerRequest": "请求适配",
-  "tips.try-to-use-shell": "尝试利用内存马",
-  "tips.waitingForGeneration": "// 等待填写参数生成中...",
-  "tips.customShellClass": "请输入自定义内存马类，base64 或类文件",
-  "tips.specificUrlPattern": "必须指定 URL Pattern，例如 /hello",
-  "tips.serverVersion": "TongWeb Valve 需要指定 serverVersion",
-  "version.updateAvailable": "有可用升级",
-  "version.updateAvailableTooltip": "点击前往 GitHub Release ( v{{currentVersion}} -> v{{latestVersion}})",
-  "about": "关于",
-  "generator": "生成器",
-  "classNameOptions": "类名配置项"
-}
diff --git a/web/src/lib/config.ts b/web/src/lib/config.ts
index 6524901f..3f742e12 100644
--- a/web/src/lib/config.ts
+++ b/web/src/lib/config.ts
@@ -2,6 +2,12 @@ export const siteConfig = {
   name: "MemShellParty",
   url: "https://party.memshell.news",
   github: "https://github.com/ReaJason/MemShellParty",
+  latestRelease: "https://github.com/ReaJason/MemShellParty/releases/latest",
+  docSite: "https://github.com/ReaJason/MemShellParty/wiki",
+  author: "ReaJason",
+  authorGithub: "https://github.com/ReaJason",
+  authorIntro: "Java RASP Developer",
+  blog: "https://reajason.eu.org",
   navItems: [
     {
       href: "/memshell",
diff --git a/web/src/pages/memshell.tsx b/web/src/pages/memshell.tsx
index 1d50dccb..a37d7f92 100644
--- a/web/src/pages/memshell.tsx
+++ b/web/src/pages/memshell.tsx
@@ -54,7 +54,7 @@ export default function MemShellPage() {
     },
   });
 
-  const { t } = useTranslation();
+  const { t } = useTranslation(["common", "memshell"]);
   const form = useForm({
     resolver: useYupValidationResolver(memShellFormSchema, t),
     defaultValues: {
@@ -103,7 +103,7 @@ export default function MemShellPage() {
 
         if (!response.ok) {
           const json: APIErrorResponse = await response.json();
-          toast.error(t("errors.generationFailed", { error: json.error }));
+          toast.error(t("toast.generateError", { error: json.error }));
           return;
         }
 
@@ -112,22 +112,35 @@ export default function MemShellPage() {
         setPackResult(result.packResult);
         setAllPackResults(result.allPackResults);
         setPackMethod(data.packingMethod);
-        toast.success(t("success.generated"));
+        toast.success(t("toast.generateSuccess"));
       } catch (error) {
-        toast.error(t("errors.generationFailed", { error: (error as Error).message }));
+        toast.error(
+          t("toast.generateError", { error: (error as Error).message }),
+        );
       }
     });
   };
 
   return (
     <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col xl:flex-row gap-4 p-4">
+      <form
+        onSubmit={form.handleSubmit(onSubmit)}
+        className="flex flex-col xl:flex-row gap-4 p-4"
+      >
         <div className="w-full xl:w-1/2 space-y-4">
-          <MainConfigCard servers={serverConfig} mainConfig={mainConfig} form={form} />
+          <MainConfigCard
+            servers={serverConfig}
+            mainConfig={mainConfig}
+            form={form}
+          />
           <PackageConfigCard packerConfig={packerConfig} form={form} />
           <Button className="w-full" type="submit" disabled={isActionPending}>
-            {isActionPending ? <LoaderCircle className="animate-spin" /> : <WandSparklesIcon />}
-            {t("buttons.generate")}
+            {isActionPending ? (
+              <LoaderCircle className="animate-spin" />
+            ) : (
+              <WandSparklesIcon />
+            )}
+            {t("memshell:buttons.generate")}
           </Button>
         </div>
         <div className="w-full xl:w-1/2 space-y-4">
diff --git a/web/src/pages/probeshell.tsx b/web/src/pages/probeshell.tsx
index 1ac8ba97..7e3cda52 100644
--- a/web/src/pages/probeshell.tsx
+++ b/web/src/pages/probeshell.tsx
@@ -43,7 +43,7 @@ export default function ProbeShellGenerator() {
     },
   });
 
-    const { t } = useTranslation();
+  const { t } = useTranslation(["common", "probeshell"]);
 
   const form = useForm<ProbeShellFormSchema>({
     resolver: useYupValidationProbeResolver(probeShellFormSchema, t),
@@ -82,7 +82,7 @@ export default function ProbeShellGenerator() {
 
         if (!response.ok) {
           const json: APIErrorResponse = await response.json();
-          toast.error(t("errors.generationFailed", { error: json.error }));
+          toast.error(t("toast.generateError", { error: json.error }));
           return;
         }
 
@@ -91,21 +91,30 @@ export default function ProbeShellGenerator() {
         setPackResult(result.packResult);
         setAllPackResults(result.allPackResults);
         setPackMethod(data.packingMethod);
-        toast.success(t("success.generated"));
+        toast.success(t("toast.generateSuccess"));
       } catch (error) {
-        toast.error(t("errors.generationFailed", { error: (error as Error).message }));
+        toast.error(
+          t("toast.generateError", { error: (error as Error).message }),
+        );
       }
     });
-  }
+  };
   return (
     <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col xl:flex-row gap-4 p-4">
+      <form
+        onSubmit={form.handleSubmit(onSubmit)}
+        className="flex flex-col xl:flex-row gap-4 p-4"
+      >
         <div className="w-full xl:w-1/2 space-y-4">
           <MainConfigCard form={form} servers={serverConfig} />
           <PackageConfigCard form={form} packerConfig={packerConfig} />
           <Button className="w-full" type="submit" disabled={isActionPending}>
-            {isActionPending ? <LoaderCircle className="animate-spin" /> : <WandSparklesIcon />}
-            {t("buttons.generate")}
+            {isActionPending ? (
+              <LoaderCircle className="animate-spin" />
+            ) : (
+              <WandSparklesIcon />
+            )}
+            {t("probeshell:buttons.generate")}
           </Button>
         </div>
         <div className="w-full xl:w-1/2 space-y-4">
diff --git a/web/src/types/schema.ts b/web/src/types/schema.ts
index dea544c7..f3bc8dac 100644
--- a/web/src/types/schema.ts
+++ b/web/src/types/schema.ts
@@ -1,8 +1,8 @@
-import type {TFunction} from "i18next";
-import {useCallback} from "react";
-import type {FieldErrors} from "react-hook-form";
+import type { TFunction } from "i18next";
+import { useCallback } from "react";
+import type { FieldErrors } from "react-hook-form";
 import * as yup from "yup";
-import {ShellToolType} from "./memshell";
+import { ShellToolType } from "./memshell";
 
 export const memShellFormSchema = yup.object({
   server: yup.string().required().min(1),
@@ -48,9 +48,15 @@ const urlPatternIsNeeded = (shellType: string) => {
 };
 
 const isInvalidUrl = (urlPattern: string | undefined) =>
-  urlPattern === "/" || urlPattern === "/*" || !urlPattern?.startsWith("/") || !urlPattern;
+  urlPattern === "/" ||
+  urlPattern === "/*" ||
+  !urlPattern?.startsWith("/") ||
+  !urlPattern;
 
-export const useYupValidationResolver = (validationSchema: yup.ObjectSchema<any>, t: TFunction) =>
+export const useYupValidationResolver = (
+  validationSchema: yup.ObjectSchema<any>,
+  t: TFunction,
+) =>
   useCallback(
     async (data: MemShellFormSchema): Promise<ValidationResult> => {
       try {
@@ -63,22 +69,32 @@ export const useYupValidationResolver = (validationSchema: yup.ObjectSchema<any>
         const serverVersion: keyof MemShellFormSchema = "serverVersion";
         const errors = {} as any;
 
-        if (urlPatternIsNeeded(values?.shellType) && isInvalidUrl(values?.urlPattern)) {
+        if (
+          urlPatternIsNeeded(values?.shellType) &&
+          isInvalidUrl(values?.urlPattern)
+        ) {
           errors[urlPattern] = {
             type: "custom",
-            message: t("tips.specificUrlPattern"),
+            message: t("memshell:tips.specificUrlPattern"),
           };
         }
-        if (values.shellTool === ShellToolType.Custom && !values.shellClassBase64) {
+        if (
+          values.shellTool === ShellToolType.Custom &&
+          !values.shellClassBase64
+        ) {
           errors[shellClassBase64] = {
             type: "custom",
-            message: t("tips.customShellClass"),
+            message: t("memshell:tips.customShellClass"),
           };
         }
-        if (values.server === "TongWeb" && values.shellType === "Valve" && values.serverVersion === "unknown") {
+        if (
+          values.server === "TongWeb" &&
+          values.shellType === "Valve" &&
+          values.serverVersion === "unknown"
+        ) {
           errors[serverVersion] = {
             type: "custom",
-            message: t("tips.serverVersion"),
+            message: t("memshell:tips.serverVersion"),
           };
         }
 
@@ -143,7 +159,10 @@ interface ProbeValidationResult {
   errors: FieldErrors<ProbeShellFormSchema>;
 }
 
-export const useYupValidationProbeResolver = (validationSchema: yup.ObjectSchema<any>, t: TFunction) =>
+export const useYupValidationProbeResolver = (
+  validationSchema: yup.ObjectSchema<any>,
+  t: TFunction,
+) =>
   useCallback(
     async (data: ProbeShellFormSchema): Promise<ProbeValidationResult> => {
       try {
@@ -152,12 +171,20 @@ export const useYupValidationProbeResolver = (validationSchema: yup.ObjectSchema
         })) as ProbeShellFormSchema;
 
         const host: keyof ProbeShellFormSchema = "host";
+        const reqParamName: keyof ProbeShellFormSchema = "reqParamName";
         const errors = {} as any;
 
         if (values.probeMethod === "DNSLog" && !values.host) {
           errors[host] = {
             type: "custom",
-            message: t("tips.customShellClass"),
+            message: t("probeshell:tips.dnslog.host.required"),
+          };
+        }
+
+        if (values.probeMethod === "ResponseBody" && !values.reqParamName) {
+          errors[reqParamName] = {
+            type: "custom",
+            message: t("probeshell:tips.response.reqParamName.required"),
           };
         }
         return {
@@ -174,7 +201,7 @@ export const useYupValidationProbeResolver = (validationSchema: yup.ObjectSchema
                   type: currentError.type ?? "validation",
                   message: currentError.message,
                 };
-                console.log(allErrors)
+                console.log(allErrors);
                 return allErrors;
               },
               {} as FieldErrors<ProbeShellFormSchema>,
@@ -194,4 +221,4 @@ export const useYupValidationProbeResolver = (validationSchema: yup.ObjectSchema
       }
     },
     [validationSchema, t],
-  );
\ No newline at end of file
+  );