<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="True">
    <Style src="../Common.uss" />
    <ui:VisualElement name="connection-section" class="section">
        <ui:Label text="Server" class="section-title" />
        <ui:VisualElement class="section-content">
            <ui:VisualElement class="setting-row">
                <ui:Label text="Transport:" class="setting-label" />
                <uie:EnumField name="transport-dropdown" class="setting-dropdown-inline" />
            </ui:VisualElement>
            <ui:VisualElement name="transport-mismatch-warning" class="warning-banner">
                <ui:Label name="transport-mismatch-text" class="warning-banner-text" />
            </ui:VisualElement>
            <ui:VisualElement class="setting-row" name="http-url-row">
                <ui:Label text="HTTP URL:" class="setting-label" />
                <ui:TextField name="http-url" class="url-field" />
            </ui:VisualElement>
            <ui:VisualElement class="setting-row" name="http-server-control-row">
                <ui:Label text="Local Server:" class="setting-label" />
                <ui:Button name="start-http-server-button" text="Start Server" class="action-button start-server-button" />
            </ui:VisualElement>
            <ui:VisualElement class="setting-row" name="unity-socket-port-row">
                <ui:Label text="Unity Socket Port:" class="setting-label" />
                <ui:TextField name="unity-port" class="port-field" />
            </ui:VisualElement>
            <ui:VisualElement class="setting-row">
                <ui:VisualElement class="status-container">
                    <ui:VisualElement name="status-indicator" class="status-dot" />
                    <ui:Label name="connection-status" text="Disconnected" class="status-text" />
                </ui:VisualElement>
                <ui:Button name="connection-toggle" text="Start" class="action-button" />
            </ui:VisualElement>
            <ui:Foldout name="manual-command-foldout" text="Manual Server Launch" value="false" class="manual-config-foldout">
                <ui:VisualElement name="http-server-command-section" class="manual-config-content">
                    <ui:Label text="Use this command to launch the server manually:" class="config-label" />
                    <ui:VisualElement class="config-json-row">
                        <ui:TextField name="http-server-command" readonly="true" multiline="true" class="config-json-field" />
                        <ui:Button name="copy-http-server-command-button" text="Copy" class="icon-button-vertical" />
                    </ui:VisualElement>
                    <ui:Label name="http-server-command-hint" class="help-text" />
                </ui:VisualElement>
            </ui:Foldout>
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>
