feat: support probe shell generation

web/src/components/memshell/tabs/godzilla-tab.tsx

@@ -0,0 +1,80 @@
+import { FormProvider, type UseFormReturn } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { Card, CardContent } from "@/components/ui/card";
+import { FormField, FormFieldItem, FormFieldLabel } from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { TabsContent } from "@/components/ui/tabs";
+import type { ShellFormSchema } from "@/types/schema";
+import { OptionalClassFormField } from "./classname-field";
+import { ShellTypeFormField } from "./shelltype-field";
+import { UrlPatternFormField } from "./urlpattern-field";
+
+export function GodzillaTabContent({
+  form,
+  shellTypes,
+}: Readonly<{ form: UseFormReturn<ShellFormSchema>; shellTypes: Array<string> }>) {
+  const { t } = useTranslation();
+  return (
+    <FormProvider {...form}>
+      <TabsContent value="Godzilla">
+        <Card>
+          <CardContent className="space-y-2 mt-4">
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
+              <ShellTypeFormField form={form} shellTypes={shellTypes} />
+              <UrlPatternFormField form={form} />
+            </div>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-2">
+              <FormField
+                control={form.control}
+                name="godzillaPass"
+                render={({ field }) => (
+                  <FormFieldItem>
+                    <FormFieldLabel>
+                      {t("shellToolConfig.pass")} {t("optional")}
+                    </FormFieldLabel>
+                    <Input {...field} placeholder={t("placeholders.input")} />
+                  </FormFieldItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name="godzillaKey"
+                render={({ field }) => (
+                  <FormFieldItem>
+                    <FormFieldLabel>
+                      {t("shellToolConfig.key")} {t("optional")}
+                    </FormFieldLabel>
+                    <Input {...field} placeholder={t("placeholders.input")} />
+                  </FormFieldItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name="headerName"
+                render={({ field }) => (
+                  <FormFieldItem>
+                    <FormFieldLabel>{t("shellToolConfig.headerName")}</FormFieldLabel>
+                    <Input {...field} placeholder={t("placeholders.input")} />
+                  </FormFieldItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name="headerValue"
+                render={({ field }) => (
+                  <FormFieldItem>
+                    <FormFieldLabel>
+                      {t("shellToolConfig.headerValue")} {t("optional")}
+                    </FormFieldLabel>
+                    <Input {...field} placeholder={t("placeholders.input")} />
+                  </FormFieldItem>
+                )}
+              />
+            </div>
+            <OptionalClassFormField form={form} />
+          </CardContent>
+        </Card>
+      </TabsContent>
+    </FormProvider>
+  );
+}