<commit_before><div ng-controller="MainCtrl" class="flex-root vflex full-width full-height">
  <div class="full-width no-shrink">
    <div class="card top-card no-right-margin no-top-margin">
      <div class="hflex">
        <div id="logo"></div>
        <div class="pane">
          <div class="controls">
            <a ng-show="Bookmarks.isSupported" class="command" ng-click="showModal('bookmark-list')">
              <i class="fa fa-bookmark"></i>
              Bookmarks ({{Bookmarks.list.length}})
            </a>
            <a class="command" ng-click="chron.undo()" ng-class="{disabled: !canUndo}"><i class="fa fa-undo"></i> Undo</a>
            <a class="command" ng-click="chron.redo()" ng-class="{disabled: !canRedo}"><i class="fa fa-repeat"></i> Redo</a>
          </div>
        </div>
        <div class="absolute-top-right">
          <a href="https://idl.cs.washington.edu/" target="_blank" class="idl-logo"></a>
        </div>
      </div>
    </div>
    <alert-messages></alert-messages>
  </div>
  <div class="hflex full-width main-panel grow-1">
    <div class="pane data-pane noselect">
      <div class="card no-top-margin data-card abs-100">
        <div class="sidebar-header" ng-if="!embedded">
          <h2>Data</h2>
          <dataset-selector class="right"></dataset-selector>
          <div class="current-dataset" title="{{Dataset.currentDataset.name}}">
            <i class="fa fa-database"></i>
            <span class="dataset-name">{{Dataset.currentDataset.name}}</span>
          </div>
        </div>
        <schema-list field-defs="Dataset.schema.fieldSchemas"
          order-by="Dataset.fieldOrder"
          show-count="true"
          filter-manager="FilterManager"
          show-add="true"
        ></schema-list>
        <div id="footer">
          <ul class="menu">
            <span ng-show="consts.debug">
              <li>
                <a class="debug" ng-click="showDevPanel = !showDevPanel">Debug</a>
              </li>
              <li>
                <a ng-href="{{ {spec:Spec.chart.vlSpec} | reportUrl }}" target="_blank" class="debug">Report an issue</a>
              </li>
            </span>
          </ul>
        </div>
      </div>
    </div>
    <div class="pane encoding-pane">
      <shelves spec="Spec.spec"
        support-auto-mark="true"
        filter-manager="FilterManager"
      ></shelves>
    </div>

    <div class="pane vis-pane">
      <vl-plot-group class="card abs-100 no-top-margin no-right-margin full-vl-plot-group"
          chart="Spec.chart"
          show-bookmark="true"
          show-log="true"
          show-mark-type="true"
          show-sort="true"
          show-transpose="true"
          toggle-shelf="true"<commit_msg>Show axis-prop instead of log<commit_after><div ng-controller="MainCtrl" class="flex-root vflex full-width full-height">
  <div class="full-width no-shrink">
    <div class="card top-card no-right-margin no-top-margin">
      <div class="hflex">
        <div id="logo"></div>
        <div class="pane">
          <div class="controls">
            <a ng-show="Bookmarks.isSupported" class="command" ng-click="showModal('bookmark-list')">
              <i class="fa fa-bookmark"></i>
              Bookmarks ({{Bookmarks.list.length}})
            </a>
            <a class="command" ng-click="chron.undo()" ng-class="{disabled: !canUndo}"><i class="fa fa-undo"></i> Undo</a>
            <a class="command" ng-click="chron.redo()" ng-class="{disabled: !canRedo}"><i class="fa fa-repeat"></i> Redo</a>
          </div>
        </div>
        <div class="absolute-top-right">
          <a href="https://idl.cs.washington.edu/" target="_blank" class="idl-logo"></a>
        </div>
      </div>
    </div>
    <alert-messages></alert-messages>
  </div>
  <div class="hflex full-width main-panel grow-1">
    <div class="pane data-pane noselect">
      <div class="card no-top-margin data-card abs-100">
        <div class="sidebar-header" ng-if="!embedded">
          <h2>Data</h2>
          <dataset-selector class="right"></dataset-selector>
          <div class="current-dataset" title="{{Dataset.currentDataset.name}}">
            <i class="fa fa-database"></i>
            <span class="dataset-name">{{Dataset.currentDataset.name}}</span>
          </div>
        </div>
        <schema-list field-defs="Dataset.schema.fieldSchemas"
          order-by="Dataset.fieldOrder"
          show-count="true"
          filter-manager="FilterManager"
          show-add="true"
        ></schema-list>
        <div id="footer">
          <ul class="menu">
            <span ng-show="consts.debug">
              <li>
                <a class="debug" ng-click="showDevPanel = !showDevPanel">Debug</a>
              </li>
              <li>
                <a ng-href="{{ {spec:Spec.chart.vlSpec} | reportUrl }}" target="_blank" class="debug">Report an issue</a>
              </li>
            </span>
          </ul>
        </div>
      </div>
    </div>
    <div class="pane encoding-pane">
      <shelves spec="Spec.spec"
        support-auto-mark="true"
        filter-manager="FilterManager"
      ></shelves>
    </div>

    <div class="pane vis-pane">
      <vl-plot-group class="card abs-100 no-top-margin no-right-margin full-vl-plot-group"
          chart="Spec.chart"
          show-bookmark="true"
          show-axis-prop="true"
          show-mark-type="true"
          show-sort="true"
          show-transpose="true"
          toggle-shelf="true"
{'fraction_non_alphanumeric': 0.18016046681254558, 'fraction_numerical': 0.0032822757111597373, 'mean_word_length': 2.1111741349971638, 'pattern_counts': {'":': 0, '<': 143, '<?xml version=': 0, '>': 141, 'https://': 2, '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': '4190194', 'n_tokens_mistral': 1747, 'n_tokens_neox': 1724, 'n_words': 303}