<commit_before><div class="container">
    <form name="controls">
        <h3 class="title">Lambdas Benchmarking</h3>

        <div class="parameters input-style">
            <div class="intervals">
                <strong>Loops: </strong>
                <input ng-model="main.config.loops" type="text" name="loops" />

                <strong>Interval(ms): </strong>
                <input ng-model="main.config.interval" type="text" name="interval" />
            </div>

            <div class="config-options float-right">
                <div class="radio-div">
                    <input type="radio" ng-model="main.config.gateway" value="{{ main.GATEWAY_LAMBDA }}" id="lambda"/>
                    <label for="lambda"><span></span>Lambda</label>
                </div>
                <div class="radio-div">
                    <input type="radio" ng-model="main.config.gateway" value="{{ main.GATEWAY_API }}" id="api"/>
                    <label for="api"><span></span>API Gateway</label>
                </div>
            </div>

            <div class="clearfix"></div>
        </div>
    </form>
    <div ng-repeat="(msId, msResources) in main.resources" ng-show="msResources.length" >

        <strong class="resource-name">{{ msId }} microservices (from resources.json)</strong>

        <div class="resources-form" ng-repeat="resourceId in msResources">
            <form class="input-style" name="form_{{ $index }}" ng-submit="main.catchSubmit(resourceId)">
                <div class="float-left resource-id-results">
                    <p class="resource-id float-left">{{ resourceId }}</p>
                    <small class="float-left" ng-if="resultSummary !== null">
                        (min:{{ resultSummary.min }}, max:{{ resultSummary.max }}, avg:{{ resultSummary.avg }}, total(s): {{ resultSummary.total }}
                        <span ng-if="resultSummary.cost > 0">, billed charge ($): {{ resultSummary.cost|number:9 }}</span>)
                    </small>
                </div>
                <div class="float-right resources-actions">
                    {{ resultSummary = main.getResultsSummary(resourceId);""}}
                    <button class="custom-button float-right" type="submit" ng-disabled="main.busy[resourceId]" value="Start">
                        <i class="start-icon"></i>
                        <span class="button-label">Start</span>
                    </button>
                    <input class="payload float-right" ng-show="msId !== main.BENCHMARKING_MS_ID"
                           ng-model="main.payloads[resourceId]"
                           type="text" name="payload" placeholder="payload..." />
                </div>
                <div class="clearfix"></div>
            </form>
        </div>
    </div>
    <div class="row" id="results" ng-show="main.resultsStack[main.workingResource].length">
        <div class="resource-name">
            <span class="error" ng-bind="main.errorText" ng-show="main.errorText"> {{ main.errorText }} </span>
            <p class="loading-text" ng-bind="main.loadingText"></p>
        </div>
        <table class="rwd-table table table-bordered">
            <thead>
            <tr>
                <th>#</th>
                <th>Function Size (MB)</th>
                <th ng-show="main.showLogInfo">Memory Size (MB)</th>
                <th ng-show="main.showLogInfo">Max Memory Used (MB)</th>
                <th>Start time</th>
                <th>Stop time</th>
                <th>Front-end Call (ms)</th>
                <th ng-show="main.showLogInfo">Back-end Call (ms)</th>
                <th ng-show="main.showLogInfo">Billed Duration (ms)</th>
                <th ng-show="main.showLogInfo">Total Billed ($)</th>
                <!--<th>Details</th>-->
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="request in main.resultsStack[main.workingResource]">
                <td data-th="#">{{request.index}}</td>
                <td data-th="Size">{{request.lambdaSize|number:2}}</td>
                <td data-th="Memory Size (MB)" ng-show="main.showLogInfo">{{request.memorySize}}</td>
                <td data-th="Max Memory Used (MB)" ng-show="main.showLogInfo">{{request.maxMemoryUsed}}</td>
                <td data-th="Start time">{{request.start| date:'HH:mm:ss.sss'}}</td>
                <td data-th="Stop time">{{request.stop| date:'HH:mm:ss.sss'}}</td>
                <td data-th="Front-end Call Duration (ms)">{{request.duration}}</td>
                <td data-th="Backend-call Duration (ms)" ng-show="main.showLogInfo">{{request.executionDuration}}</td>
                <td data-th="Billed Duration (ms)" ng-show="main.showLogInfo">{{request.billedDuration}}</td>
                <td data-th="Billed Charge ($)" ng-show="main.showLogInfo">{{request.cost|number:9}}</td>
                <!--<td data-th="Details">-->
                    <!--<p ng-repeat="(actionName, durationMs) in request.internalDebug">-->
                        <!--{{ actionName }} : {{ durationMs }}-->
                    <!--</p>-->
                <!--</td>-->
            </tr>
            </tbody><commit_msg># Improve UX. Typo fix<commit_after><div class="container">
    <form name="controls">
        <h3 class="title">Lambdas Benchmarking</h3>

        <div class="parameters input-style">
            <div class="intervals">
                <strong>Loops: </strong>
                <input ng-model="main.config.loops" type="text" name="loops" />

                <strong>Interval(ms): </strong>
                <input ng-model="main.config.interval" type="text" name="interval" />
            </div>

            <div class="config-options float-right">
                <div class="radio-div">
                    <input type="radio" ng-model="main.config.gateway" value="{{ main.GATEWAY_LAMBDA }}" id="lambda"/>
                    <label for="lambda"><span></span>Lambda</label>
                </div>
                <div class="radio-div">
                    <input type="radio" ng-model="main.config.gateway" value="{{ main.GATEWAY_API }}" id="api"/>
                    <label for="api"><span></span>API Gateway</label>
                </div>
            </div>

            <div class="clearfix"></div>
        </div>
    </form>
    <div ng-repeat="(msId, msResources) in main.resources" ng-show="msResources.length" >

        <strong class="resource-name">{{ msId }} microservices (from resources.json)</strong>

        <div class="resources-form" ng-repeat="resourceId in msResources">
            <form class="input-style" name="form_{{ $index }}" ng-submit="main.catchSubmit(resourceId)">
                <div class="float-left resource-id-results">
                    <p class="resource-id float-left">{{ resourceId }}</p>
                    <small class="float-left" ng-if="resultSummary !== null">
                        (min:{{ resultSummary.min }}, max:{{ resultSummary.max }}, avg:{{ resultSummary.avg }}, total(s): {{ resultSummary.total }}
                        <span ng-if="resultSummary.cost > 0">, billed charge ($): {{ resultSummary.cost|number:9 }}</span>)
                    </small>
                </div>
                <div class="float-right resources-actions">
                    {{ resultSummary = main.getResultsSummary(resourceId);""}}
                    <button class="custom-button float-right" type="submit" ng-disabled="main.busy[resourceId]" value="Start">
                        <i class="start-icon"></i>
                        <span class="button-label">Start</span>
                    </button>
                    <input class="payload float-right" ng-show="msId !== main.BENCHMARKING_MS_ID"
                           ng-model="main.payloads[resourceId]"
                           type="text" name="payload" placeholder="payload..." />
                </div>
                <div class="clearfix"></div>
            </form>
        </div>
    </div>
    <div class="row" id="results" ng-show="main.resultsStack[main.workingResource].length">
        <div class="resource-name">
            <span class="error" ng-bind="main.errorText" ng-show="main.errorText"> {{ main.errorText }} </span>
            <p class="loading-text" ng-bind="main.loadingText"></p>
        </div>
        <table class="rwd-table table table-bordered">
            <thead>
            <tr>
                <th>#</th>
                <th>Function Size (MB)</th>
                <th ng-show="main.showLogInfo">Memory Size (MB)</th>
                <th ng-show="main.showLogInfo">Max Memory Used (MB)</th>
                <th>Start time</th>
                <th>Stop time</th>
                <th>Front-end Call (ms)</th>
                <th ng-show="main.showLogInfo">Back-end Call (ms)</th>
                <th ng-show="main.showLogInfo">Total Billed (ms)</th>
                <th ng-show="main.showLogInfo">Total Billed ($)</th>
                <!--<th>Details</th>-->
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="request in main.resultsStack[main.workingResource]">
                <td data-th="#">{{request.index}}</td>
                <td data-th="Size">{{request.lambdaSize|number:2}}</td>
                <td data-th="Memory Size (MB)" ng-show="main.showLogInfo">{{request.memorySize}}</td>
                <td data-th="Max Memory Used (MB)" ng-show="main.showLogInfo">{{request.maxMemoryUsed}}</td>
                <td data-th="Start time">{{request.start| date:'HH:mm:ss.sss'}}</td>
                <td data-th="Stop time">{{request.stop| date:'HH:mm:ss.sss'}}</td>
                <td data-th="Front-end Call Duration (ms)">{{request.duration}}</td>
                <td data-th="Backend-call Duration (ms)" ng-show="main.showLogInfo">{{request.executionDuration}}</td>
                <td data-th="Billed Duration (ms)" ng-show="main.showLogInfo">{{request.billedDuration}}</td>
                <td data-th="Billed Charge ($)" ng-show="main.showLogInfo">{{request.cost|number:9}}</td>
                <!--<td data-th="Details">-->
                    <!--<p ng-repeat="(actionName, durationMs) in request.internalDebug">-->
                        <!--{{ actionName }} : {{ durationMs }}-->
                    <!--</p>-->
                <!--</td>-->
            </tr>
            </tbody>
{'fraction_non_alphanumeric': 0.1803405572755418, 'fraction_numerical': 0.0011609907120743034, 'mean_word_length': 1.853948094975152, 'pattern_counts': {'":': 0, '<': 259, '<?xml version=': 0, '>': 261, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4228459', 'n_tokens_mistral': 3041, 'n_tokens_neox': 2870, 'n_words': 513}