Merge branch 'dev' into auro-autolaunch

        modalNextImage: "readonly",

        // token-counters.js

        setupTokenCounters: "readonly",

        // localStorage.js

        localSet: "readonly",

        localGet: "readonly",

        localRemove: "readonly"

    }

};

1. Install the dependencies:

```bash

# Debian-based:

sudo apt install wget git python3 python3-venv

sudo apt install wget git python3 python3-venv libgl1 libglib2.0-0

# Red Hat-based:

sudo dnf install wget git python3

# Arch-based:

```

2. Navigate to the directory you would like the webui to be installed and execute the following command:

```bash

bash <(wget -qO- https://raw.githubusercontent.com/AUTOMATIC1111/stable-diffusion-webui/master/webui.sh)

wget -q https://raw.githubusercontent.com/AUTOMATIC1111/stable-diffusion-webui/master/webui.sh

```

3. Run `webui.sh`.

4. Check `webui-user.sh` for options.

                random_prompt = gr.Textbox(label='Random prompt', lines=4, max_lines=4, interactive=False)

            with gr.Column(scale=1, min_width=120):

                generate_random_prompt = gr.Button('Generate').style(full_width=True, size="lg")

                generate_random_prompt = gr.Button('Generate', size="lg", scale=1)

        self.edit_notes = gr.TextArea(label='Notes', lines=4)

import math

import gradio as gr

from modules import scripts, shared, ui_components, ui_settings

from modules import scripts, shared, ui_components, ui_settings, generation_parameters_copypaste

from modules.ui_components import FormColumn

    def ui(self, is_img2img):

        self.comps = []

        self.setting_names = []

        self.infotext_fields = []

        mapping = {k: v for v, k in generation_parameters_copypaste.infotext_to_setting_name_mapping}

        with gr.Blocks() as interface:

            with gr.Accordion("Options", open=False) if shared.opts.extra_options_accordion and shared.opts.extra_options else gr.Group(), gr.Row():

                for setting_name in shared.opts.extra_options:

            with gr.Accordion("Options", open=False) if shared.opts.extra_options_accordion and shared.opts.extra_options else gr.Group():

                row_count = math.ceil(len(shared.opts.extra_options) / shared.opts.extra_options_cols)

                for row in range(row_count):

                    with gr.Row():

                        for col in range(shared.opts.extra_options_cols):

                            index = row * shared.opts.extra_options_cols + col

                            if index >= len(shared.opts.extra_options):

                                break

                            setting_name = shared.opts.extra_options[index]

                            with FormColumn():

                                comp = ui_settings.create_setting_component(setting_name)

                            self.comps.append(comp)

                            self.setting_names.append(setting_name)

                            setting_infotext_name = mapping.get(setting_name)

                            if setting_infotext_name is not None:

                                self.infotext_fields.append((comp, setting_infotext_name))

        def get_settings_values():

            return [ui_settings.get_value_for_setting(key) for key in self.setting_names]

            res = [ui_settings.get_value_for_setting(key) for key in self.setting_names]

            return res[0] if len(res) == 1 else res

        interface.load(fn=get_settings_values, inputs=[], outputs=self.comps, queue=False, show_progress=False)

shared.options_templates.update(shared.options_section(('ui', "User interface"), {

    "extra_options": shared.OptionInfo([], "Options in main UI", ui_components.DropdownMulti, lambda: {"choices": list(shared.opts.data_labels.keys())}).js("info", "settingsHintsShowQuicksettings").info("setting entries that also appear in txt2img/img2img interfaces").needs_restart(),

    "extra_options_accordion": shared.OptionInfo(False, "Place options in main UI into an accordion")

    "extra_options": shared.OptionInfo([], "Options in main UI", ui_components.DropdownMulti, lambda: {"choices": list(shared.opts.data_labels.keys())}).js("info", "settingsHintsShowQuicksettings").info("setting entries that also appear in txt2img/img2img interfaces").needs_reload_ui(),

    "extra_options_cols": shared.OptionInfo(1, "Options in main UI - number of columns", gr.Number, {"precision": 0}).needs_reload_ui(),

    "extra_options_accordion": shared.OptionInfo(False, "Options in main UI - place into an accordion").needs_reload_ui()

}))

function toggleCss(key, css, enable) {

    var style = document.getElementById(key);

    if (enable && !style) {

        style = document.createElement('style');

        style.id = key;

        style.type = 'text/css';

        document.head.appendChild(style);

    }

    if (style && !enable) {

        document.head.removeChild(style);

    }

    if (style) {

        style.innerHTML == '';

        style.appendChild(document.createTextNode(css));

    }

}

function setupExtraNetworksForTab(tabname) {

    gradioApp().querySelector('#' + tabname + '_extra_tabs').classList.add('extra-networks');

    var tabs = gradioApp().querySelector('#' + tabname + '_extra_tabs > div');

    var search = gradioApp().querySelector('#' + tabname + '_extra_search textarea');

    var searchDiv = gradioApp().getElementById(tabname + '_extra_search');

    var search = searchDiv.querySelector('textarea');

    var sort = gradioApp().getElementById(tabname + '_extra_sort');

    var sortOrder = gradioApp().getElementById(tabname + '_extra_sortorder');

    var refresh = gradioApp().getElementById(tabname + '_extra_refresh');

    var showDirsDiv = gradioApp().getElementById(tabname + '_extra_show_dirs');

    var showDirs = gradioApp().querySelector('#' + tabname + '_extra_show_dirs input');

    search.classList.add('search');

    sort.classList.add('sort');

    sortOrder.classList.add('sortorder');

    sort.dataset.sortkey = 'sortDefault';

    tabs.appendChild(search);

    tabs.appendChild(searchDiv);

    tabs.appendChild(sort);

    tabs.appendChild(sortOrder);

    tabs.appendChild(refresh);

    tabs.appendChild(showDirsDiv);

    var applyFilter = function() {

        var searchTerm = search.value.toLowerCase();

    });

    extraNetworksApplyFilter[tabname] = applyFilter;

    var showDirsUpdate = function() {

        var css = '#' + tabname + '_extra_tabs .extra-network-subdirs { display: none; }';

        toggleCss(tabname + '_extra_show_dirs_style', css, !showDirs.checked);

        localSet('extra-networks-show-dirs', showDirs.checked ? 1 : 0);

    };

    showDirs.checked = localGet('extra-networks-show-dirs', 1) == 1;

    showDirs.addEventListener("change", showDirsUpdate);

    showDirsUpdate();

}

function applyExtraNetworkFilter(tabname) {

}

function extraNetworksSearchButton(tabs_id, event) {

    var searchTextarea = gradioApp().querySelector("#" + tabs_id + ' > div > textarea');

    var searchTextarea = gradioApp().querySelector("#" + tabs_id + ' > label > textarea');

    var button = event.target;

    var text = button.classList.contains("search-all") ? "" : button.textContent.trim();