W JFrame pojawia się tylko jeden komponent

Jako ulepszenie mojego projektu szyfrowania postanowiłem zrobić mały GUI. Jednak po uruchomieniu programu na ekranie pojawia się tylko górny element i wydaje się, że przesłania on pozostałe, chociaż nie mam możliwości sprawdzenia. Czy ktoś wie dlaczego?

Poniżej jest mój kod w całoście() id() ponieważ te po prostu szyfrują łańcuch i nie mają nic wspólnego z GUI. Chciałbym również, aby przyspieszyć tak bardzo, jak to możliwe, bez edytowania szyfrowania, tak aby było tak wielkie, jak to możliwe.

@SuppressWarnings("serial")
public class EncDecExample extends JFrame implements ActionListener {
    final static JPanel top = new JPanel();
    final static JPanel mid = new JPanel();
    final static JPanel bot = new JPanel();
    final static JTextField in = new JTextField(10);
    final static JTextField out = new JTextField(10);
    final static JButton enc = new JButton("Encrypt");
    final static JButton dec = new JButton("Decrypt");
    final static JFrame f = new JFrame("Encryption/decryption");

    public static void main(String[] args) {
//        EncDec.exampleImplement();

        f.setSize(500, 500);
        f.setResizable(false);
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        out.setEditable(false);
        out.setText("Hello");
        in.setVisible(true);
        out.setVisible(true);
        enc.setVisible(true);
        dec.setVisible(true);
        top.add(in);
        mid.add(enc);
        mid.add(dec);
        bot.add(out);
        f.add(top);
        f.add(mid);
        f.add(bot);
        f.setVisible(true);
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        if (e.getSource() == enc && !in.getText().equalsIgnoreCase("")) {
            out.setText(EncDec.e(in.getText(), 5));
        }
        else if(e.getSource() == dec && !in.getText().equalsIgnoreCase("")) {
            out.setText(EncDec.d(in.getText()));
        }
    }
}

questionAnswers(1)

yourAnswerToTheQuestion