<commit_before><!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Pipeline</title>
        <style>
            html {
                font-family: sans-serif;
            }
            body {
                margin: 0;
                font-size: 0;
            }
            h1 {
                margin: 5px 0 0;
                font-weight: normal;
                font-size: 100%;
                letter-spacing: 0.08em;
            }
            h1, .csv {
                display: inline-block;
            }
            .csv {
                margin-left: 1em;
                font-size: 70%;
                text-decoration: underline;
            }
            a {
                text-decoration: none;
                color: inherit;
            }
            section {
                font-size: 1rem;
                width: 33.3%;
                box-sizing: border-box;
                display: inline-block;
                padding: 10px;
                position: relative;
            }
            section:hover:not(:target) {
                background-color: #f7f7f7;
            }
            section .enlarge {
                height: 100%;
                display: flex;
                flex-flow: column;
            }
            section svg {
                flex: 2;
                overflow: auto;
            }
            section:target {
                position: fixed;
                width: 100vmin;
                height: 100vmin;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                z-index: 0;
            }
            section:target::before {
                content: '';
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 0.95;
                background-color: white;
                z-index: -1;
            }
            .nodata {
                display: none;
            }
            svg:empty + .nodata {
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translateY(-50%) translateX(-50%);
                color: grey;
            }
            svg text {
                font-size: 0.8rem;
            }

            .failphases .axis path,
            .failphases .axis line {
                fill: none;
                stroke: #000;
                shape-rendering: crispEdges;
            }

            .failphases .x.axis text {
                font-size: 0.6rem;
            }
            .failphases .x.axis path {
                display: none;
            }
            .failphases rect {
                opacity: 0.8;
            }
            .failphases rect.red {
                fill: red;
            }
            .failphases rect.green {
                fill: green;
            }
            .failphases rect.weekend.red {
                fill: darkred;
            }
            .failphases rect.weekend.green {
                fill: darkgreen;
            }
        </style>
    </head>
    <body>
        <script src="js/node_modules/d3/d3.min.js"></script>
        <script src="js/widget.js"></script>
        <script src="js/utils.js"></script>
        <script src="js/zoomableSunburst.js"></script>
        <script src="js/averageJobBuildTime.js"></script>
        <script src="js/failedBuilds.js"></script>
        <script src="js/flakyBuilds.js"></script>
        <script src="js/failures.js"></script>
        <script src="js/testRuntime.js"></script>
        <script src="js/failPhases.js"></script>
    </body>
</html>
<commit_msg>Fix presentation for selected graph<commit_after><!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Pipeline</title>
        <style>
            html {
                font-family: sans-serif;
            }
            body {
                margin: 0;
                font-size: 0;
            }
            h1 {
                margin: 5px 0 0;
                font-weight: normal;
                font-size: 100%;
                letter-spacing: 0.08em;
            }
            h1, .csv {
                display: inline-block;
            }
            .csv {
                margin-left: 1em;
                font-size: 70%;
                text-decoration: underline;
            }
            a {
                text-decoration: none;
                color: inherit;
            }
            section {
                font-size: 1rem;
                width: 33.3%;
                box-sizing: border-box;
                display: inline-block;
                padding: 10px;
                position: relative;
                z-index: 0;
            }
            section:hover:not(:target) {
                background-color: #f7f7f7;
            }
            section .enlarge {
                height: 100%;
                display: flex;
                flex-flow: column;
            }
            section svg {
                flex: 2;
                overflow: auto;
            }
            section:target {
                position: fixed;
                width: 100vmin;
                height: 100vmin;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                z-index: 1;
            }
            section:target::before {
                content: '';
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 0.95;
                background-color: white;
                z-index: -1;
            }
            .nodata {
                display: none;
            }
            svg:empty + .nodata {
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translateY(-50%) translateX(-50%);
                color: grey;
            }
            svg text {
                font-size: 0.8rem;
            }

            .failphases .axis path,
            .failphases .axis line {
                fill: none;
                stroke: #000;
                shape-rendering: crispEdges;
            }

            .failphases .x.axis text {
                font-size: 0.6rem;
            }
            .failphases .x.axis path {
                display: none;
            }
            .failphases rect {
                opacity: 0.8;
            }
            .failphases rect.red {
                fill: red;
            }
            .failphases rect.green {
                fill: green;
            }
            .failphases rect.weekend.red {
                fill: darkred;
            }
            .failphases rect.weekend.green {
                fill: darkgreen;
            }
        </style>
    </head>
    <body>
        <script src="js/node_modules/d3/d3.min.js"></script>
        <script src="js/widget.js"></script>
        <script src="js/utils.js"></script>
        <script src="js/zoomableSunburst.js"></script>
        <script src="js/averageJobBuildTime.js"></script>
        <script src="js/failedBuilds.js"></script>
        <script src="js/flakyBuilds.js"></script>
        <script src="js/failures.js"></script>
        <script src="js/testRuntime.js"></script>
        <script src="js/failPhases.js"></script>
    </body>
</html>

{'fraction_non_alphanumeric': 0.1053120849933599, 'fraction_numerical': 0.018193891102257637, 'mean_word_length': 0.8585883514313919, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 67, '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': '6583872', 'n_tokens_mistral': 2175, 'n_tokens_neox': 1922, 'n_words': 404}