Add cancel button

    return li;

}

let g_stream = null;

function finish(vid1) {

    const dataDiv = getDataDiv()

    const submitBtn = getSubmitBtn()

    const videoInput = getVideoInput()

    const dataDiv = getDataDiv();

    const submitBtn = getSubmitBtn();

    const videoInput = getVideoInput();

    plausible('FormSubmit')

    plausible('FormSubmit');

    var vid = vid1;

    if (!isValidVideoId(vid)) {

        let newVid = getVideoId(vid);

            if (stream === null) {

                return;

            }

            g_stream = stream;

            submitBtn.innerHTML = "Cancel";

            submitBtn.disabled = false;

            const possible_states = Object.freeze({

                Preparation: "Preparation",

                Generation: "Generation",

            function pump() {

                return stream.read().then(({ done, value }) => {

                    if (done) {

                        Object.values(elements).forEach((i) => {

                            if (i.getAttribute("data-status") == "loading") {

                                i.querySelector(".result").innerHTML = `<span class="white">Error</span><br />Did not receive a result from the server.`

                            }

                        })

                        return;

                    }

                    let text = new TextDecoder().decode(value);

            throw (e);

        })

        .finally(() => {

            g_stream = null;

            submitBtn.disabled = false;

            submitBtn.innerHTML = "Search for Captures";

        });

}

function finishWrpa(data) {

    const dataDiv = getDataDiv()

    const submitBtn = getSubmitBtn()

    if (g_stream !== null) {

        g_stream.cancel().then((_) => {});

        g_stream = null;

        return false;

    }

    const dataDiv = getDataDiv();

    const submitBtn = getSubmitBtn();

    submitBtn.disabled = true;

    submitBtn.innerHTML = "Searching...";