wazuh-kibana-app/public/templates/agents/agents.head

<div flex ng-controller="agentsController" layout="column">

    <md-content class="wazuhMenuNavBar height-70" ng-init="menuNavItem = 'agents'">
		<wz-menu></wz-menu>
    </md-content>

	<div layout="row" layout-align="space-between start" class="background-f7">
		<md-toolbar class="height-50">
			<div class="md-toolbar-tools" layout="row" layout-align="space-between center">
				<div class="agents-head-1" ng-if="agent">
					<div class="agents-head-2">
						<span> <i class="fa fa-desktop agents-head-3" aria-hidden="true"></i>
						{{agent.id}} - {{agent.name}}</span> <span ng-show="agent.id === '000'">(Manager)</span>
					</div>

					<div class="agents-head-4">
						<span ng-show="agent.status" class="agents-head-5" ng-class="getAgentStatusClass(agent.status)">{{formatAgentStatus(agent.status)}}</span>
					</div>
				</div>

				<span layout="row" class="padding-left-0" layout-align="space-between start" flex="40">
					<md-autocomplete id="agentsAutocomplete" flex
					md-no-cache="true"
					md-select-on-match="false"
					md-selected-item="_swpagent"
					md-selected-item-change="getAgent(_swpagent.id)"
					md-search-text="searchTerm"
					md-items="agentAutoComplete in analizeAgents(searchTerm)"
					md-item-text="agentAutoComplete.name"
					md-min-length="0"
					md-no-asterisk="false"
					md-menu-class="autocomplete-custom-agents-bar"
					md-search-text-change="analizeAgents(searchTerm)"
					placeholder="Search by name, ID or IP address"
					lazy-load-data="agentsAutoComplete.nextPage('')">
						<md-item-template>
							<span class="item-title">
								<span><strong md-highlight-text="search" md-highlight-flags="i"> {{agentAutoComplete.name}} ({{agentAutoComplete.id}}) </strong></span>
							</span>
							<span class="item-metadata">
								<span class="item-metastat" md-highlight-text="searchTerm" md-highlight-flags="i"> {{agentAutoComplete.ip}} ({{agentAutoComplete.status}}) </span>
							</span>
						</md-item-template>
						<md-not-found>
							No agents matching "{{searchTerm}}" were found.
						</md-not-found>
					</md-autocomplete>
				</span>
			</div>
		</md-toolbar>
	</div>

	<div layout="row" layout-align="space-between start" class="horizontalTabsBar">
		<div class="horizontalTabsBar" layout="column" layout-align="center start">
			<md-nav-bar class="padding-right-0" md-selected-nav-item="tab" nav-bar-aria-label="navigation submenu">
				<md-nav-item md-nav-click="switchTab('general')" name="general">General</md-nav-item>
				<md-nav-item md-nav-click="switchTab('fim');" name="fim">File Integrity</md-nav-item>
				<md-nav-item md-nav-click="switchTab('pm');" name="pm">Policy Monitoring</md-nav-item>
                <md-nav-item md-nav-click="switchTab('vuls');" name="vuls">Vulnerabilities</md-nav-item>
				<md-nav-item md-nav-click="switchTab('oscap');" name="oscap"  ng-show="extensions.oscap && agent.os.platform !== 'windows'">SCAP</md-nav-item>
				<md-nav-item md-nav-click="switchTab('audit');" name="audit" ng-show="extensions.audit && agent.os.platform !== 'windows'">Audit</md-nav-item>
				<md-nav-item md-nav-click="switchTab('pci');" name="pci" ng-show="extensions.pci">PCI DSS</md-nav-item>
                <md-nav-item md-nav-click="switchTab('virustotal');" name="virustotal" ng-show="extensions.virustotal">VirusTotal</md-nav-item>
                <md-nav-item md-nav-click="switchTab('configuration');" name="configuration" ng-show="agent.id != '000'">Configuration</md-nav-item>
			</md-nav-bar>
		</div>

		<div ng-show="tab != 'configuration'" class="horizontalTabsBar" layout="column" layout-align="end end">
			<md-nav-bar layout-align="end end" class="padding-right-0" md-selected-nav-item="tabView" nav-bar-aria-label="navigation submenu">
				<md-nav-item md-nav-click="switchSubtab('panels')" name="panels">
					<i class="fa fa-th agents-head-6" aria-hidden="true"></i>Panels
				</md-nav-item>
				<md-nav-item md-nav-click="switchSubtab('discover')" name="discover">
					<img class="agents-head-7" kbn-src="/plugins/wazuh/img/discover.svg">Discover
				</md-nav-item>
			</md-nav-bar>
		</div>
	</div>

    <md-progress-linear class="md-accent" md-mode="indeterminate" ng-show="load"></md-progress-linear>

	<!-- View: Discover -->
    <kbn-dis ng-show="tab != 'configuration'"></kbn-dis>

    <div class="wazuh-loading" layout="column" layout-aling="center center" ng-show="resultState === 'ready' && tabView === 'panels' && tab !== 'configuration' && !rendered">
        <div class="percentage"><i class="fa fa-spinner fa-spin fa-fw" aria-hidden="true"></i></div>
        <div class="percentage">{{loadingStatus}}</div>
    </div>

    <!-- No results message -->
    <md-content flex layout="row" layout-align="start start" ng-show="tab != 'configuration' && resultState !== 'ready' && tabView === 'panels'">
        <md-card flex layout="column">
            <md-card-content class="text-center">
                No results for selected time interval
            </md-card-content>
        </md-card>
    </md-content>