anchor.diff:  </div>
   
   <% content_for :javascript do %>
  -<script>
  +  <script>
   $(document).ready(function() {
   
     // configure editor
  
positive.code: <% content_for :head do %>
  <style>
  #caller-resizable {
    border-top: 1px solid #888;
    background: #eee;
  
negative.code:       </tr>
      <% end %>
    </table>
  </div>
  
  <div class="panel panel-default sync-margin" style="margin-bottom: 20em">
    <div class="panel-heading">
      <h3 id="natural" class="panel-title">Statements in Natural Execute Order</h3>
    </div>
    <div class="panel-body">
      Select a back trace to see the source code in the bottom panel.
    </div>
      <table class="table table-striped table-bordered">
        <tr>
          <th>SQL</th>
          <th>Call Stack</th>
        </tr>
        <% last_sql   = nil %>
        <% @event['events'].each do |event| %>
          <tr>
            <td class="td-scroll" id="<%= event['index'] %>">
              <% clearfix = nil %>
              <% if (dups = event['count'] - 1) > 1 %>
                <% clearfix = 'clearfix' %>
                <%= ghetto_bar(event['count'], class: 'duplicate pull-right') %>
              <% end %>
              <div class="<%= clearfix %> text-pre">-- duration: <%= event['duration'].round(1) %>s
  <%= SqlProbe::Utils.pretty_sql(event['sql']) -%></div>
            </td>
            <td class="text-pre td-scroll"><%= caller_links(event['caller']) %></td>
          </tr>
        <% end %>
      </table>
  </div>
  
  <div id="caller-resizable" class="container">
  