<commit_before>@import '../style/variable';
@import '../style/mixin';

.dev-tools {
  .tools {
    .network {
      @include overflow-auto(y);
      .title {
        @include right-circle-btn();
        background: $gray;
        padding: $padding;
        color: #fff;
      }
      .requests {
        background: #fff;
        border-bottom: 1px solid $gray-light;
        margin-bottom: 10px;
        li {
          display: flex;
          width: 100%;
          cursor: pointer;
          border-top: 1px solid $gray-light;
          height: 41px;
          white-space: nowrap;
          &.error {
            span {
              color: $red;
            }
          }
          span {
            display: block;
            line-height: 40px;
            height: 40px;
            padding: 0 5px;
            font-size: $font-size-s;
            vertical-align: top;
            text-overflow: ellipsis;
            overflow: hidden;
          }
          .name {
            flex: 1;
            padding-left: $padding;
          }
          .status {
            width: 40px;
          }
          .method {
            width: 50px;
          }
          .size {
            width: 70px;
          }
          .type,
          .time {
            width: 60px;
            padding-right: $padding;
          }
          &:nth-child(even) {
            background: $gray-light;
          }
        }
      }
      .detail {
        @include absolute();<commit_msg>chore: small changes<commit_after>@import '../style/variable';
@import '../style/mixin';

.dev-tools {
  .tools {
    .network {
      @include overflow-auto(y);
      .title {
        @include right-circle-btn();
        background: $gray;
        padding: $padding;
        color: #fff;
      }
      .requests {
        background: #fff;
        border-bottom: 1px solid $gray-light;
        margin-bottom: 10px;
        li {
          display: flex;
          width: 100%;
          cursor: pointer;
          border-top: 1px solid $gray-light;
          height: 41px;
          white-space: nowrap;
          &.error {
            span {
              color: $red;
            }
          }
          span {
            display: block;
            line-height: 40px;
            height: 40px;
            padding: 0 5px;
            font-size: $font-size-s;
            vertical-align: top;
            text-overflow: ellipsis;
            overflow: hidden;
          }
          .name {
            flex: 1;
            padding-left: $padding;
          }
          .status {
            width: 40px;
          }
          .method,
          .type {
            width: 50px;
          }
          .size {
            width: 70px;
          }
          .time {
            width: 60px;
            padding-right: $padding;
          }
          &:nth-child(even) {
            background: $gray-light;
          }
        }
      }
      .detail {
        @include absolute();
{'fraction_non_alphanumeric': 0.11404399323181048, 'fraction_numerical': 0.016243654822335026, 'mean_word_length': 0.9905723905723905, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '4790021', 'n_tokens_mistral': 875, 'n_tokens_neox': 828, 'n_words': 181}