wazuh-kibana-app/public/templates/overview/overview-audit.html

<md-content flex layout="column" ng-if="tab == 'audit'" layout-align="space-around">

    <!-- View: Panels -->
    <div ng-if="resultState === 'ready' && tabView === 'panels'">
        <div layout="row">
            <md-card flex class="height-30 wz-metric-color wz-md-card">
                <md-card-content layout="row" class="wz-padding-top-5">
                    <span flex>New files: <b>{{auditNewFiles}}</b></span>
                    <span flex>Read files: <b>{{auditReadFiles}}</b></span>
                    <span flex>Modified files: <b>{{auditModifiedFiles}}</b></span>
                    <span flex>Removed files: <b>{{auditRemovedFiles}}</b></span>
                </md-card-content>
            </md-card>
        </div>
        <div layout="row" class="wz-no-display">
            <kbn-vis vis-id="'Wazuh-App-Overview-Audit-New-files'"></kbn-vis>
            <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Read-files'"></kbn-vis>
            <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Modified-files'"></kbn-vis>
            <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Removed-files'"></kbn-vis>
        </div>

        <div layout="row" layout-align="center stretch" class="height-200">
            <md-card flex="25" class="wz-md-card">
                <md-card-content class="wazuh-column">
                    <span class="wz-headline-title">Groups</span>
                    <md-divider></md-divider>
                    <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Groups'"></kbn-vis>
                </md-card-content>
            </md-card>
            <md-card flex="25" class="wz-md-card">
                <md-card-content class="wazuh-column">
                    <span class="wz-headline-title">Agents</span>
                    <md-divider></md-divider>
                    <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Agents'"></kbn-vis>
                </md-card-content>
            </md-card>
            <md-card flex="25" class="wz-md-card">
                <md-card-content class="wazuh-column">
                    <span class="wz-headline-title">Directories</span>
                    <md-divider></md-divider>
                    <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Directories'"></kbn-vis>
                </md-card-content>
            </md-card>
            <md-card flex="25" class="wz-md-card">
                <md-card-content class="wazuh-column">
                    <span class="wz-headline-title">Files</span>
                    <md-divider></md-divider>
                    <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Files'"></kbn-vis>
                </md-card-content>
            </md-card>
        </div>

        <div layout="row" layout-align="center stretch" class="height-310">
            <md-card flex class="wz-md-card">
                <md-card-content class="wazuh-column">
                    <span class="wz-headline-title">Alerts over time</span>
                    <md-divider></md-divider>
                    <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Alerts-over-time'"></kbn-vis>
                </md-card-content>
            </md-card>
        </div>

        <div layout="row" layout-align="center stretch" class="height-448">
            <div flex="20" layout="column" layout-align="center stretch">
                <md-card flex="50" class="wz-md-card">
                    <md-card-content class="wazuh-column">
                        <span class="wz-headline-title">File read access</span>
                        <md-divider></md-divider>
                        <kbn-vis vis-id="'Wazuh-App-Overview-Audit-File-read-access'"></kbn-vis>
                    </md-card-content>
                </md-card>
                <md-card flex="50" class="wz-md-card">
                    <md-card-content class="wazuh-column">
                        <span class="wz-headline-title">File write access</span>
                        <md-divider></md-divider>
                        <kbn-vis vis-id="'Wazuh-App-Overview-Audit-File-write-access'"></kbn-vis>
                    </md-card-content>
                </md-card>
            </div>

            <div flex="60" layout="column" layout-align="center stretch">
                <md-card flex class="wz-md-card">
                    <md-card-content class="wazuh-column">
                        <span class="wz-headline-title">Commands</span>
                        <md-divider></md-divider>
                        <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Commands'"></kbn-vis>
                    </md-card-content>
                </md-card>
            </div>

            <div flex="20" layout="column" layout-align="center stretch">
                <md-card flex="50" class="wz-md-card">
                    <md-card-content class="wazuh-column">
                        <span class="wz-headline-title">Created files</span>
                        <md-divider></md-divider>
                        <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Files-created'"></kbn-vis>
                    </md-card-content>
                </md-card>
                <md-card flex="50" class="wz-md-card">
                    <md-card-content class="wazuh-column">
                        <span class="wz-headline-title">Removed files</span>
                        <md-divider></md-divider>
                        <kbn-vis vis-id="'Wazuh-App-Overview-Audit-Files-deleted'"></kbn-vis>
                    </md-card-content>
                </md-card>
            </div>
        </div>

        <div flex layout="row" class="height-570">
            <md-card flex class="wz-md-card">
                <md-card-content class="wazuh-column">
                    <span class="wz-headline-title">Alerts summary</span>
                    <md-divider></md-divider>
                    <kbn-vis class="kbn-chart" vis-id="'Wazuh-App-Overview-Audit-Last-alerts'"></kbn-vis>
                </md-card-content>
            </md-card>
        </div>
    </div>
</md-content>