Function handleSubmit

client-next/src/components/add-plugin-dialog.tsx:459–489

(e: React.FormEvent)

  };

  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    setError("");

    if (!name.trim()) {
      setError("Please enter a plugin name");
      return;
    }

    const ext = `.${fileType}`;
    const fileName = name.endsWith(ext) ? name : `${name}${ext}`;

    if (!/^[a-zA-Z0-9_-]+\.(js|ts)$/.test(fileName)) {
      setError("Name can only contain letters, numbers, hyphens, and underscores");
      return;
    }

    try {
      setLoading(true);
      await savePlugin(fileName, content);
      toast.success(`Created ${fileName}`);
      resetForm();
      setOpen(false);
      onSuccess();
    } catch (err: any) {
      const msg = err.response?.data?.error || err.message || "Failed to create plugin";
      setError(msg);
    } finally {
      setLoading(false);
    }
  };

  return (
    <Dialog open={open} onOpenChange={(o) => { setOpen(o); if (!o) resetForm(); }}>