style: lint and fmt code

web/app/components/memshell/results/basic-info.tsx

@@ -23,6 +23,7 @@ import { FeedbackAlert } from "./feedback-alert";
 export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShellResult }>) {
   const { t } = useTranslation(["memshell", "common"]);
   const isDubbo = generateResult?.shellConfig.server === "Dubbo";
+  const shellToolConfig = generateResult?.shellToolConfig;
   return (
     <Card>
       <CardHeader>
@@ -65,13 +66,13 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
               />
               <CopyableField
                 label={t("shellToolConfig.behinder.pass")}
-                text={(generateResult?.shellToolConfig as BehinderShellToolConfig).pass}
-                value={(generateResult?.shellToolConfig as BehinderShellToolConfig).pass}
+                text={(shellToolConfig as BehinderShellToolConfig).pass}
+                value={(shellToolConfig as BehinderShellToolConfig).pass}
               />
               <CopyableField
                 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}`}
+                text={`${(shellToolConfig as BehinderShellToolConfig).headerName}: ${(shellToolConfig as BehinderShellToolConfig).headerValue}`}
+                value={`${(shellToolConfig as BehinderShellToolConfig).headerName}: ${(shellToolConfig as BehinderShellToolConfig).headerValue}`}
               />
             </>
           )}
@@ -79,26 +80,28 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
             <>
               <CopyableField
                 label={t("shellToolConfig.godzilla.pass")}
-                text={(generateResult?.shellToolConfig as GodzillaShellToolConfig).pass}
-                value={(generateResult?.shellToolConfig as GodzillaShellToolConfig).pass}
+                text={(shellToolConfig as GodzillaShellToolConfig).pass}
+                value={(shellToolConfig as GodzillaShellToolConfig).pass}
               />
               <CopyableField
                 label={t("shellToolConfig.godzilla.key")}
-                text={(generateResult?.shellToolConfig as GodzillaShellToolConfig).key}
-                value={(generateResult?.shellToolConfig as GodzillaShellToolConfig).key}
+                text={(shellToolConfig as GodzillaShellToolConfig).key}
+                value={(shellToolConfig as GodzillaShellToolConfig).key}
               />
               <CopyableField
                 label={t("shellToolConfig.godzilla.encryptor")}
                 text={
                   generateResult?.shellConfig.shellType.includes("WebSocket")
                     ? "JAVA_WEBSOCKET_AES_RAW"
-                    : generateResult?.shellConfig.shellType.includes("Dubbo") ? "DUBBO_XOR_BASE64" : "JAVA_AES_BASE64"
+                    : generateResult?.shellConfig.shellType.includes("Dubbo")
+                      ? "DUBBO_XOR_BASE64"
+                      : "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}`}
+                text={`${(shellToolConfig as GodzillaShellToolConfig).headerName}: ${(shellToolConfig as GodzillaShellToolConfig).headerValue}`}
+                value={`${(shellToolConfig as GodzillaShellToolConfig).headerName}: ${(shellToolConfig as GodzillaShellToolConfig).headerValue}`}
               />
             </>
           )}
@@ -107,8 +110,8 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
               <CopyableField
                 hidden={generateResult?.shellConfig.shellType.includes("WebSocket")}
                 label={t("common:paramName")}
-                text={(generateResult?.shellToolConfig as CommandShellToolConfig).paramName}
-                value={(generateResult?.shellToolConfig as CommandShellToolConfig).paramName}
+                text={(shellToolConfig as CommandShellToolConfig).paramName}
+                value={(shellToolConfig as CommandShellToolConfig).paramName}
               />
               <CopyableField
                 hidden={
@@ -118,8 +121,8 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
                   )
                 }
                 label={t("shellToolConfig.httpHeader")}
-                text={`${(generateResult?.shellToolConfig as CommandShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as CommandShellToolConfig).headerValue}`}
-                value={`${(generateResult?.shellToolConfig as CommandShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as CommandShellToolConfig).headerValue}`}
+                text={`${(shellToolConfig as CommandShellToolConfig).headerName}: ${(shellToolConfig as CommandShellToolConfig).headerValue}`}
+                value={`${(shellToolConfig as CommandShellToolConfig).headerName}: ${(shellToolConfig as CommandShellToolConfig).headerValue}`}
               />
             </Fragment>
           )}
@@ -127,28 +130,28 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
             generateResult?.shellConfig.shellTool === ShellToolType.Suo5v2) && (
             <CopyableField
               label={t("shellToolConfig.suo5Header")}
-              text={`${(generateResult?.shellToolConfig as Suo5ShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as Suo5ShellToolConfig).headerValue}`}
-              value={`${(generateResult?.shellToolConfig as Suo5ShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as Suo5ShellToolConfig).headerValue}`}
+              text={`${(shellToolConfig as Suo5ShellToolConfig).headerName}: ${(shellToolConfig as Suo5ShellToolConfig).headerValue}`}
+              value={`${(shellToolConfig as Suo5ShellToolConfig).headerName}: ${(shellToolConfig as Suo5ShellToolConfig).headerValue}`}
             />
           )}
           {generateResult?.shellConfig.shellTool === ShellToolType.Proxy && (
             <CopyableField
               label={t("shellToolConfig.httpHeader")}
-              text={`${(generateResult?.shellToolConfig as ProxyShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as ProxyShellToolConfig).headerValue}`}
-              value={`${(generateResult?.shellToolConfig as ProxyShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as ProxyShellToolConfig).headerValue}`}
+              text={`${(shellToolConfig as ProxyShellToolConfig).headerName}: ${(shellToolConfig as ProxyShellToolConfig).headerValue}`}
+              value={`${(shellToolConfig as ProxyShellToolConfig).headerName}: ${(shellToolConfig as ProxyShellToolConfig).headerValue}`}
             />
           )}
           {generateResult?.shellConfig.shellTool === ShellToolType.AntSword && (
             <>
               <CopyableField
                 label={t("shellToolConfig.antSword.pass")}
-                text={(generateResult?.shellToolConfig as AntSwordShellToolConfig).pass}
-                value={(generateResult?.shellToolConfig as AntSwordShellToolConfig).pass}
+                text={(shellToolConfig as AntSwordShellToolConfig).pass}
+                value={(shellToolConfig as AntSwordShellToolConfig).pass}
               />
               <CopyableField
                 label={t("shellToolConfig.httpHeader")}
-                text={`${(generateResult?.shellToolConfig as AntSwordShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as AntSwordShellToolConfig).headerValue}`}
-                value={`${(generateResult?.shellToolConfig as AntSwordShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as AntSwordShellToolConfig).headerValue}`}
+                text={`${(shellToolConfig as AntSwordShellToolConfig).headerName}: ${(shellToolConfig as AntSwordShellToolConfig).headerValue}`}
+                value={`${(shellToolConfig as AntSwordShellToolConfig).headerName}: ${(shellToolConfig as AntSwordShellToolConfig).headerValue}`}
               />
             </>
           )}
@@ -157,8 +160,8 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: MemShe
               <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}`}
-                value={`${(generateResult?.shellToolConfig as NeoreGeorgShellToolConfig).headerName}: ${(generateResult?.shellToolConfig as NeoreGeorgShellToolConfig).headerValue}`}
+                text={`${(shellToolConfig as NeoreGeorgShellToolConfig).headerName}: ${(shellToolConfig as NeoreGeorgShellToolConfig).headerValue}`}
+                value={`${(shellToolConfig as NeoreGeorgShellToolConfig).headerName}: ${(shellToolConfig as NeoreGeorgShellToolConfig).headerValue}`}
               />
             </>
           )}

web/app/components/memshell/shell-result.tsx

@@ -4,7 +4,7 @@ import { DownloadIcon } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 
-import DecompiledCodeViewer from "@/components/memshell/decompiled-code-viewer";
+import DecompiledCodeViewer from "@/components/decompiled-code-viewer";
 import { QuickUsage } from "@/components/memshell/quick-usage";
 import { Button } from "@/components/ui/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";

web/app/components/probeshell/basic-info.tsx

@@ -12,6 +12,7 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: ProbeS
   const isBodyContent = generateResult?.probeConfig.probeMethod === "ResponseBody";
   const isFilterContent = generateResult?.probeConfig.probeContent === "Filter";
   const isBodyCommand = isBodyContent && generateResult?.probeConfig.probeContent === "Command";
+  const probeContentConfig = generateResult?.probeContentConfig as ResponseBodyConfig | undefined;
   return (
     <Card>
       <CardHeader>
@@ -28,18 +29,17 @@ export function BasicInfo({ generateResult }: Readonly<{ generateResult?: ProbeS
           {!isFilterContent && isBodyContent && (
             <CopyableField
               label={t("common:paramName")}
-              value={(generateResult?.probeContentConfig as ResponseBodyConfig).reqParamName}
-              text={(generateResult?.probeContentConfig as ResponseBodyConfig).reqParamName}
+              value={probeContentConfig?.reqParamName}
+              text={probeContentConfig?.reqParamName}
+            />
+          )}
+          {isBodyCommand && probeContentConfig?.commandTemplate && (
+            <CopyableField
+              label={t("common:commandTemplate")}
+              value={probeContentConfig.commandTemplate}
+              text={probeContentConfig.commandTemplate}
             />
           )}
-          {isBodyCommand &&
-            (generateResult?.probeContentConfig as ResponseBodyConfig).commandTemplate && (
-              <CopyableField
-                label={t("common:commandTemplate")}
-                value={(generateResult?.probeContentConfig as ResponseBodyConfig).commandTemplate}
-                text={(generateResult?.probeContentConfig as ResponseBodyConfig).commandTemplate}
-              />
-            )}
           <CopyableField
             label={t("probeshell:shellClassName")}
             value={generateResult?.shellClassName}

web/app/components/probeshell/shell-result.tsx

@@ -1,9 +1,15 @@
 import type { ProbeShellResult } from "@/types/probeshell";
 
+import { DownloadIcon } from "lucide-react";
 import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
 
+import DecompiledCodeViewer from "@/components/decompiled-code-viewer";
 import { QuickUsage } from "@/components/probeshell/quick-usage";
+import { Button } from "@/components/ui/button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { useDecompiledSources } from "@/lib/decompile/use-decompiled-sources";
+import { downloadBytes } from "@/lib/utils";
 
 import CodeViewer from "../code-viewer";
 import { BasicInfo } from "./basic-info";
@@ -17,16 +23,29 @@ export default function ShellResult({
   packMethod: string;
   generateResult?: ProbeShellResult;
 }>) {
-  const { t } = useTranslation();
+  const { t } = useTranslation(["common", "probeshell"]);
+  const { sources, isDecompiling, error } = useDecompiledSources(generateResult);
+
   if (!generateResult) {
     return <QuickUsage />;
   }
+
   const showCode = packMethod === "JSP";
   const height = 600;
+  const decompiledSourceHeight = 800;
+  const shellClassName = generateResult.shellClassName;
+  const shellBytesBase64 = generateResult.shellBytesBase64Str;
+  const sourcePlaceholder = isDecompiling
+    ? `// ${t("common:decompiling")}`
+    : error
+      ? `// ${t("common:decompileFailed", { error })}`
+      : "";
+
   return (
     <Tabs defaultValue="packResult">
-      <TabsList className="grid w-full grid-cols-1">
+      <TabsList className="grid w-full grid-cols-2">
         <TabsTrigger value="packResult">{t("common:generateResult")}</TabsTrigger>
+        <TabsTrigger value="shell">{t("probeshell:shellClass")}</TabsTrigger>
       </TabsList>
       <TabsContent value="packResult" className="space-y-2">
         <BasicInfo generateResult={generateResult} />
@@ -48,6 +67,46 @@ export default function ShellResult({
           />
         )}
       </TabsContent>
+      <TabsContent value="shell" className="mt-4" keepMounted>
+        <DecompiledCodeViewer
+          copyLabel={t("common:copy")}
+          copyOptions={[
+            {
+              label: t("probeshell:copySource"),
+              value: sources.shell?.source ?? "",
+              disabled: !sources.shell,
+            },
+            {
+              label: t("probeshell:copyBase64"),
+              value: shellBytesBase64 ?? "",
+              disabled: !shellBytesBase64,
+            },
+          ]}
+          header={<div className="truncate text-xs">{shellClassName}</div>}
+          button={
+            <Button
+              variant="ghost"
+              size="icon"
+              type="button"
+              className="h-7 w-7 [&_svg]:h-4 [&_svg]:w-4"
+              aria-label={t("common:download")}
+              title={t("common:download")}
+              onClick={() => {
+                if (!shellBytesBase64) {
+                  toast.warning(t("probeshell:tips.shellBytesEmpty"));
+                  return;
+                }
+                downloadBytes(shellBytesBase64, shellClassName);
+              }}
+            >
+              <DownloadIcon className="h-4 w-4" />
+            </Button>
+          }
+          height={decompiledSourceHeight}
+          lines={sources.shell?.lines ?? null}
+          placeholder={sourcePlaceholder}
+        />
+      </TabsContent>
     </Tabs>
   );
 }

web/app/components/ui/scroll-area.tsx

@@ -1,13 +1,9 @@
-import * as React from "react"
-import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area"
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import * as React from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
-function ScrollArea({
-  className,
-  children,
-  ...props
-}: ScrollAreaPrimitive.Root.Props) {
+function ScrollArea({ className, children, ...props }: ScrollAreaPrimitive.Root.Props) {
   return (
     <ScrollAreaPrimitive.Root
       data-slot="scroll-area"
@@ -23,7 +19,7 @@ function ScrollArea({
       <ScrollBar />
       <ScrollAreaPrimitive.Corner />
     </ScrollAreaPrimitive.Root>
-  )
+  );
 }
 
 function ScrollBar({
@@ -38,7 +34,7 @@ function ScrollBar({
       orientation={orientation}
       className={cn(
         "flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",
-        className
+        className,
       )}
       {...props}
     >
@@ -47,7 +43,7 @@ function ScrollBar({
         className="relative flex-1 rounded-full bg-border"
       />
     </ScrollAreaPrimitive.Scrollbar>
-  )
+  );
 }
 
-export { ScrollArea, ScrollBar }
+export { ScrollArea, ScrollBar };