<label>Token: <input type="text" id="token" autocomplete="off" value="some-key-token"/></label>
            <button onclick="connect(event)">Connect</button>
            <hr>
            <label>Message: <input type="text" id="messageText" autocomplete="off"/></label>
            <button>Send</button>
        </form>
        <ul id='messages'>
        </ul>
        <script>
        var ws = null;

            <label>Token: <input type="text" id="token" autocomplete="off" value="some-key-token"/></label>
            <button onclick="connect(event)">Connect</button>
            <hr>
            <label>Message: <input type="text" id="messageText" autocomplete="off"/></label>
            <button>Send</button>
        </form>
        <ul id='messages'>
        </ul>
        <script>
        var ws = null;

    context = browser.new_context(viewport={"width": 960, "height": 1080})
    page = context.new_page()
    page.goto("http://localhost:8000/docs")
    page.get_by_role("button", name="Item-Input").click()
    page.get_by_role("button", name="Item-Output").click()
    page.set_viewport_size({"width": 960, "height": 820})
    page.screenshot(
        path="docs/en/docs/img/tutorial/separate-openapi-schemas/image04.png"
    )

                                <button type="submit" class="btn btn-primary" name="download"
                                        value="<la:message key="labels.bad_word_button_download" />">
                                    <em class="fa fa-download">
                                    <la:message key="labels.bad_word_button_download"/>
                                </button>
                            </div>

        <h1>WebSocket Chat</h1>
        <h2>Your ID: <span id="ws-id"></span></h2>
        <form action="" onsubmit="sendMessage(event)">
            <input type="text" id="messageText" autocomplete="off"/>
            <button>Send</button>
        </form>
        <ul id='messages'>
        </ul>
        <script>
            var client_id = Date.now()
            document.querySelector("#ws-id").textContent = client_id;

                                <button type="submit" class="btn btn-primary" name="download"
                                        value="<la:message key="labels.elevate_word_button_download" />">
                                    <em class="fa fa-download">
                                    <la:message key="labels.elevate_word_button_download"/>
                                </button>
                            </div>

		});

		async function run() {
			console.clear();
			await go.run(inst);
			inst = await WebAssembly.instantiate(mod, go.importObject); // reset instance
		}
	</script>

	<button onClick="run();" id="runButton" disabled>Run</button>
</body>

                                <button type="submit" class="btn btn-success"
                                        value="<la:message key="labels.dict_stemmeroverride_button_upload" />">
                                    <em class="fa fa-upload">
                                    <la:message key="labels.dict_stemmeroverride_button_upload"/>
                                </button>
                            </div>

                                <button type="submit" class="btn btn-success"
                                        value="<la:message key="labels.dict_synonym_button_upload" />">
                                    <em class="fa fa-upload">
                                    <la:message key="labels.dict_synonym_button_upload"/>
                                </button>
                            </div>

                                <button type="submit" class="btn btn-primary" name="download"
                                        value="<la:message key="labels.dict_protwords_button_download" />">
                                    <em class="fa fa-download">
                                    <la:message key="labels.dict_protwords_button_download"/>
                                </button>
                            </div>