<commit_before><template>
  <div class="data-field">
    <v-popover
      class="self"
      :class="cssClass"
      :style="{ marginLeft: depth * 14 + 'px' }"
      trigger="hover"
      placement="left"
      offset="24"
      :disabled="!field.meta"
      @click.native="toggle"
    >
      <span
        v-show="isExpandableType"
        class="arrow right"
        :class="{ rotated: expanded }"
      ></span>
      <span
        v-if="editing && renamable"
      >
        <input
          ref="keyInput"
          class="edit-input key-input"
          :class="{ error: !keyValid }"
          v-model="editedKey"
          @keyup.esc="cancelEdit()"
          @keyup.enter="submitEdit()"
        >
      </span>
      <span v-else class="key" :class="{ abstract: fieldOptions.abstract }">{{ field.key }}</span><span class="colon" v-if="!fieldOptions.abstract">:</span>

      <span
        v-if="editing"
        class="edit-overlay"
      >
        <input
          ref="editInput"
          class="edit-input value-input"
          :class="{ error: !valueValid }"
          v-model="editedValue"
          list="special-tokens"
          @keyup.esc="cancelEdit()"
          @keyup.enter="submitEdit()"
        >
        <span class="actions">
          <i
            v-if="!editValid"
            class="icon-button material-icons warning"
            v-tooltip="editErrorMessage"<commit_msg>Prevent console drawer toggle when hitting Escape while editing a field (#512)<commit_after><template>
  <div class="data-field">
    <v-popover
      class="self"
      :class="cssClass"
      :style="{ marginLeft: depth * 14 + 'px' }"
      trigger="hover"
      placement="left"
      offset="24"
      :disabled="!field.meta"
      @click.native="toggle"
    >
      <span
        v-show="isExpandableType"
        class="arrow right"
        :class="{ rotated: expanded }"
      ></span>
      <span
        v-if="editing && renamable"
      >
        <input
          ref="keyInput"
          class="edit-input key-input"
          :class="{ error: !keyValid }"
          v-model="editedKey"
          @keydown.esc.capture.stop.prevent="cancelEdit()"
          @keydown.enter="submitEdit()"
        >
      </span>
      <span v-else class="key" :class="{ abstract: fieldOptions.abstract }">{{ field.key }}</span><span class="colon" v-if="!fieldOptions.abstract">:</span>

      <span
        v-if="editing"
        class="edit-overlay"
      >
        <input
          ref="editInput"
          class="edit-input value-input"
          :class="{ error: !valueValid }"
          v-model="editedValue"
          list="special-tokens"
          @keydown.esc.capture.stop.prevent="cancelEdit()"
          @keydown.enter="submitEdit()"
        >
        <span class="actions">
          <i
            v-if="!editValid"
            class="icon-button material-icons warning"
            v-tooltip="editErrorMessage"
{'fraction_non_alphanumeric': 0.15724563206577596, 'fraction_numerical': 0.0037684138403562863, 'mean_word_length': 1.9554655870445343, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 33, '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': '6423216', 'n_tokens_mistral': 907, 'n_tokens_neox': 866, 'n_words': 150}