MazeWalkerTv/Assets/UI/AgentInfoPanel.uxml

<?xml version="1.0" encoding="utf-8"?>
<ui:UXML xmlns:ui="UnityEngine.UIElements">
    <Style src="project://database/Assets/UI/AgentInfoPanel.uss" />
    <ui:VisualElement name="AgentInfoPanelRoot" class="info-panel-container">
        <ui:VisualElement class="info-panel-header">
            <ui:Label name="AgentNameLabel" text="Agent Name" class="agent-name-title" />
            <ui:Button name="CloseButton" text="✕" class="close-button" />
        </ui:VisualElement>
        
        <ui:ScrollView class="info-panel-content">

            <!-- Group banner – hidden when solo -->
            <ui:VisualElement name="GroupBanner" class="group-banner">
                <ui:Label name="GroupSizeLabel" text="Group of 2" class="group-size-label" />
                <ui:Label name="GroupMembersLabel" text="" class="group-members-label" />
            </ui:VisualElement>

            <ui:VisualElement class="stat-group">
                <ui:Label name="StatsTitle" text="Stats" class="section-title" />
                
                <ui:VisualElement class="stat-item">
                    <ui:Label text="Strength:" class="stat-name" />
                    <ui:ProgressBar name="StrengthBar" class="stat-bar" />
                    <ui:Label name="StrengthValue" text="0" class="stat-number" />
                </ui:VisualElement>
                
                <ui:VisualElement class="stat-item">
                    <ui:Label text="Speed:" class="stat-name" />
                    <ui:ProgressBar name="SpeedBar" class="stat-bar" />
                    <ui:Label name="SpeedValue" text="0" class="stat-number" />
                </ui:VisualElement>
                
                <ui:VisualElement class="stat-item">
                    <ui:Label text="Magic:" class="stat-name" />
                    <ui:ProgressBar name="MagicBar" class="stat-bar" />
                    <ui:Label name="MagicValue" text="0" class="stat-number" />
                </ui:VisualElement>
                
                <ui:VisualElement class="stat-item">
                    <ui:Label text="Dexterity:" class="stat-name" />
                    <ui:ProgressBar name="DexterityBar" class="stat-bar" />
                    <ui:Label name="DexterityValue" text="0" class="stat-number" />
                </ui:VisualElement>

                <ui:VisualElement class="stat-item">
                    <ui:Label text="Intelligence:" class="stat-name" />
                    <ui:ProgressBar name="IntelligenceBar" class="stat-bar" />
                    <ui:Label name="IntelligenceValue" text="0" class="stat-number" />
                </ui:VisualElement>

                <ui:VisualElement class="total-stat">
                    <ui:Label text="Total Stats:" class="stat-name" />
                    <ui:Label name="TotalStatsValue" text="0" class="total-stat-number" />
                </ui:VisualElement>
            </ui:VisualElement>

            <ui:VisualElement class="status-group">
                <ui:Label text="Status" class="section-title" />
                <ui:Label name="StatusLabel" text="Exploring maze..." class="status-text" />
            </ui:VisualElement>
        </ui:ScrollView>
    </ui:VisualElement>
</ui:UXML>