1
<div class="wide100p">
2
    <div class="flex-container alignItemsBaseline">
3
        <h3 class="margin0">
4
            <span data-i18n="Connection Profile">Connection Profile</span>
5
            <a href="https://docs.sillytavern.app/usage/core-concepts/connection-profiles" target="_blank" class="notes-link">
6
                <span class="fa-solid fa-circle-question note-link-span"></span>
7
            </a>
8
        </h3>
9
        <i id="connection_profile_spinner" class="fa-solid fa-spinner fa-spin hidden"></i>
10
    </div>
11
    <div class="flex-container">
12
        <select class="text_pole flex1" id="connection_profiles"></select>
13
        <i id="view_connection_profile" class="menu_button fa-solid fa-info-circle" title="View connection profile details" data-i18n="[title]View connection profile details"></i>
14
        <i id="create_connection_profile" class="menu_button fa-solid fa-file-circle-plus" title="Create a new connection profile" data-i18n="[title]Create a new connection profile"></i>
15
        <i id="update_connection_profile" class="menu_button fa-solid fa-save" title="Update a connection profile" data-i18n="[title]Update a connection profile"></i>
16
        <i id="edit_connection_profile" class="menu_button fa-solid fa-pencil" title="Edit a connection profile" data-i18n="[title]Edit a connection profile"></i>
17
        <i id="reload_connection_profile" class="menu_button fa-solid fa-recycle" title="Reload a connection profile" data-i18n="[title]Reload a connection profile"></i>
18
        <i id="delete_connection_profile" class="menu_button fa-solid fa-trash-can" title="Delete a connection profile" data-i18n="[title]Delete a connection profile"></i>
19
    </div>
20
    <div id="connection_profile_details_content" class="hidden"></div>
21
</div>