<commit_before><div class="mv-main__header">
  <h1><%= @component.title %></h1>
</div>

<% if @component.stubs? %>
  <% if @component.stubs_correct_format? %>
    <% if @component.stubs_extra_info? %>
      <div class="mv-component__meta">
        <p><%= @component.stubs_extra_info %></p>
      </div>
    <% end %>
    <% if @component.component_stubs? %>
      <% @component.component_stubs.each_with_index do |component_properties, index| %>
          <div class="mv-component">
            <div class="mv-component__item">
              <%= render_component @component.name, component_properties.clone %>
            </div>
            <div class="mv-component__description">
              <h2><%= @component.example_title(component_properties, i) %></h2>
              <div class="mv-component__description__definition">
                <code class="language-ruby">&lt;%= render_component("<%= @component.name %>", {properties as below}) %&gt;</code>
              </div>
              <%- formatted = JSON.pretty_generate component_properties %>
              <div class="mv-component__description__properties" id="@component.name">
                <code class="language-ruby"><%= formatted.gsub(/\"(\S+)?\":/, '\1:') %></code>
              </div>
            </div>
          </div>
      <% end %>
    <% end %>
  <% else %>
    <div class="mv-hint">
      <h2><%= t('mountain_view.show.hint_stub_format_html') %></h2>
      <ul>
        <li><commit_msg>Fix typo with index<commit_after><div class="mv-main__header">
  <h1><%= @component.title %></h1>
</div>

<% if @component.stubs? %>
  <% if @component.stubs_correct_format? %>
    <% if @component.stubs_extra_info? %>
      <div class="mv-component__meta">
        <p><%= @component.stubs_extra_info %></p>
      </div>
    <% end %>
    <% if @component.component_stubs? %>
      <% @component.component_stubs.each_with_index do |component_properties, index| %>
          <div class="mv-component">
            <div class="mv-component__item">
              <%= render_component @component.name, component_properties.clone %>
            </div>
            <div class="mv-component__description">
              <h2><%= @component.example_title(component_properties, index) %></h2>
              <div class="mv-component__description__definition">
                <code class="language-ruby">&lt;%= render_component("<%= @component.name %>", {properties as below}) %&gt;</code>
              </div>
              <%- formatted = JSON.pretty_generate component_properties %>
              <div class="mv-component__description__properties" id="@component.name">
                <code class="language-ruby"><%= formatted.gsub(/\"(\S+)?\":/, '\1:') %></code>
              </div>
            </div>
          </div>
      <% end %>
    <% end %>
  <% else %>
    <div class="mv-hint">
      <h2><%= t('mountain_view.show.hint_stub_format_html') %></h2>
      <ul>
        <li>
{'fraction_non_alphanumeric': 0.18379850238257317, 'fraction_numerical': 0.004765146358066712, 'mean_word_length': 2.4739952718676124, 'pattern_counts': {'":': 2, '<': 95, '<?xml version=': 0, '>': 95, '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': '2487388', 'n_tokens_mistral': 954, 'n_tokens_neox': 883, 'n_words': 150}