Auto select a table?

[aim12340]

When i start the UI, no table is selected. Can this be configured to auto-select a table?

As I have only one table, that would save me some time.

If it can't be configured, can I do it myself using the InsertJS function? Does anyone have some code for that? If not, I can bash something up.

Thanks all!

[aim12340]

So, I've implemented this in JS, but think it would still be a useful feature to add.

In case it helps anyone, my solution was to use
app.UseSerilogUi(options => .InjectJavascript("js/serilogui.custom.js") );

and the javascript fle is

// select first table in Tables dropdown on page load

// wait for DOMContentLoaded in case this script is loaded in the HEAD.
document.addEventListener("DOMContentLoaded", () => {

// We have to wait for SerilogUI to render its content, so we use a MutationObserver
const observer = new MutationObserver(() => {
    const hidden = document.querySelector('input[type="hidden"][name="table"]');
    if (!hidden) return; // UI not ready yet

    observer.disconnect(); // We found the UI — stop observing

    const selectRoot = hidden.previousElementSibling;
    const input = selectRoot?.querySelector('.mantine-Select-input');
    if (!input) return;

    // Open the dropdown
    input.click();

    // Wait for the dropdown to render and select the first option
    const listObserver = new MutationObserver(() => {
        const listId = input.getAttribute('aria-controls');
        const list = document.getElementById(listId);
        if (!list) return;

        const first = list.querySelector('[data-combobox-option]');
        if (first) first.click();

        listObserver.disconnect();
    });
    // Observe the dropdown list for changes
    listObserver.observe(document.body, { childList: true, subtree: true });
});

// Observe the entire body for changes to detect when SerilogUI renders
observer.observe(document.body, { childList: true, subtree: true });

});`