feat: support probe shell generation

web/src/components/memshell/tabs/urlpattern-field.tsx

@@ -0,0 +1,26 @@
+import { FormProvider, type UseFormReturn } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { FormField, FormFieldItem, FormFieldLabel, FormMessage } from "@/components/ui/form.tsx";
+import { Input } from "@/components/ui/input.tsx";
+import { shouldHidden } from "@/lib/utils";
+import type { ShellFormSchema } from "@/types/schema.ts";
+
+export function UrlPatternFormField({ form }: Readonly<{ form: UseFormReturn<ShellFormSchema> }>) {
+  const { t } = useTranslation();
+  const shellType = form.watch("shellType");
+  return (
+    <FormProvider {...form}>
+      <FormField
+        control={form.control}
+        name="urlPattern"
+        render={({ field }) => (
+          <FormFieldItem className={shouldHidden(shellType) ? "hidden" : "grid"}>
+            <FormFieldLabel>{t("mainConfig.urlPattern")}</FormFieldLabel>
+            <Input {...field} placeholder={t("placeholders.input")} />
+            <FormMessage />
+          </FormFieldItem>
+        )}
+      />
+    </FormProvider>
+  );
+}