<commit_before><div style='height:100%;margin: 5px; overflow:auto;' class='panel panel-default' id='{{divElementId}}-mainPanel'>
  <div class='panel-heading' id='{{divElementId}}-panelHeading'>
    <div class='row'>
      <div class='col-md-6' id='{{divElementId}}-panelTitle'></div>
      <div class='col-md-6 text-right'>
        <!--<a class="btn btn-link" href="help/topics/creating-queries.html" target="_blank" title="Help" role="button"><i class='glyphicon glyphicon-question-sign'></i></a>-->
        <button id='{{divElementId}}-configButton' class='btn btn-link' data-toggle='modal' style='padding:2px' data-target='#{{divElementId}}-configModal'><i class='glyphicon glyphicon-cog'></i></button>
      </div>
    </div>
  </div>
  <div class='panel-body' style='height:100%' id='{{divElementId}}-panelBody'>
    <!--<p style="margin: 10px;">Create a query, conditions are evaluated in order:</p>-->
    <div class="row container-fluid" style="margin: 10px;">
      <p class="lead col-md-6 i18n" data-i18n-id="i18n__enter_an_expression">{{i18n "i18n__enter_an_expression" "Enter an expression"}}</p>
      <button type="button" id="{{divElementId}}-helpButton" class="btn btn-default pull-right i18n" style="margin: 10px;" data-toggle="modal" data-target="#{{divElementId}}-queryHelpModal" data-i18n-id="i18n_Help">{{i18n "i18n_Help" "Help"}}</button>
      <button type="button" id="{{divElementId}}-clearButton" class="btn btn-default pull-right i18n" style="margin: 10px;" data-i18n-id="i18n_clear">{{i18n "i18n_clear" "Clear"}}</button>
      <!--<p><strong>This will execute against the current MAIN branch of the authoring platform. Please make sure you have logged into the authoring platform to be able to run any queries.</strong></p> -->
    </div>
    <div>
      <ul class="nav nav-tabs">
        <li class="active"><a href="#{{divElementId}}-ExpTab" data-toggle="tab"><span class="i18n" data-i18n-id="i18n__enter_an_expression">{{i18n "i18n__enter_an_expression" "Enter an expression"}}</span></a></li>
        <!--                <li><a href="#{{divElementId}}-BuilderTab" data-toggle="tab"><span class="i18n" data-i18n-id="i18n_builder">Build a simple expression</span></a></li>
-->
      </ul>
      <div class="tab-content">
        <div class="tab-pane" id="{{divElementId}}-BuilderTab" style="padding: 0px;margin: 0;">
          <div class="row container-fluid" style="margin: 10px;">
            <form class="form-inline" role="form">
              <div class="form-group">
                <div class="dropdown">
                  <button style="width: 75px;" class="btn btn-default dropdown-toggle" type="button" id="{{divElementId}}-modifierButton" data-toggle="dropdown" aria-expanded="true">
                                        <span id="{{divElementId}}-selectedModifier">Include</span>
                                        <span class="caret"></span>
                                    </button>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="{{divElementId}}-modifierButton">
                    <li role="presentation"><a role="menuitem" data-role="modifier-selector" tabindex="-1" href="javascript:void(0);">Include</a></li>
                    <li role="presentation"><a role="menuitem" data-role="modifier-selector" tabindex="-1" href="javascript:void(0);">Exclude</a></li>
                  </ul>
                </div>
              </div>
              <div class="form-group">
                <div class="dropdown">
                  <button style="width: 147px;" class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
                                        <span id="{{divElementId}}-selectedCriteria">descendantOf</span>
                                        <span class="caret"></span>
                                    </button>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                    <li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">descendantOf</a></li>
                    <li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">descendantOrSelfOf</a></li>
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">ancestorOf</a></li>-->
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">ancestorOrSelfOf</a></li>-->
                    <li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">self</a></li>
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">childrenOf</a></li>-->
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">parentsOf</a></li>-->
                    <li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">isMemberOf</a></li>
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">hasDescription</a></li>-->
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">hasRelationship</a></li>-->
                  </ul>
                </div>
              </div>
              <div class="form-group" id="{{divElementId}}-conceptField">
                <input type="text" data-droppable="true" ondrop="dropField(event)" ondragleave="removeHighlight();" ondragover="allowDrop(event)" class="form-control" id="{{divElementId}}-selectedConcept" placeholder="Drag a concept here" readonly>
                <input type="text" data-droppable="true" ondrop="dropField(event)" ondragleave="removeHighlight();" ondragover="allowDrop(event)" class="form-control" id="{{divElementId}}-selectedType" placeholder="Drag a type here" readonly>
                <input type="text" data-droppable="true" ondrop="dropField(event)" ondragleave="removeHighlight();" ondragover="allowDrop(event)" class="form-control" id="{{divElementId}}-selectedTarget" placeholder="Drag a destination here" readonly>
                <input type="text" class="form-control" id="{{divElementId}}-searchTerm" placeholder="Type search string">
                <span class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="{{divElementId}}-formdropdown" data-toggle="dropdown" aria-expanded="true">
                            <span id="{{divElementId}}-selectedForm">stated</span>
                <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="{{divElementId}}-formdropdown">
                  <li role="presentation"><a role="menuitem" data-role="form-selector" tabindex="-1" href="javascript:void(0);">stated</a></li>
                  <li role="presentation"><a role="menuitem" data-role="form-selector" tabindex="-1" href="javascript:void(0);">inferred</a></li>
                </ul>
                </span>
              </div>
              <div style="margin-left: 41px;" class="form-group" id="{{divElementId}}-addCriteriaAnd">
                <div class="dropdown">
                  <button style="text-decoration: none;" class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="true"><span data-toggle="tooltip" data-placement="top" title="More" class="glyphicon glyphicon-plus"></span></button>
                  <ul class="dropdown-menu pull-right" role="menu">
                    <li role="presentation"><a class="addCriteria" data-type="Conjunction" role="menuitem" tabindex="-1" href="javascript:void(0);">Add AND</a></li>
                    <li role="presentation"><a class="addCriteria" data-type="Refinement" role="menuitem" tabindex="-1" href="javascript:void(0);">Add Refinement</a></li>
                  </ul>
                </div>
              </div>
            </form>
            <form class="form-inline" role="form">
              <div class="form-group">
                <button type="button" class="btn btn-primary" id='{{divElementId}}-addCriteriaButton' style="margin: 10px;">{{i18n "i18n_add_condition" "Add instruction"}}</button>
                <!--<button type="button" class="btn btn-primary"  id='{{divElementId}}-cloudResults' style="margin: 10px; position: relative;" title="Open Cloud Queries Processor" data-toggle="modal" data-target="#{{divElementId}}-cloudModal"><i class='glyphicon glyphicon-cloud' style="position: relative; top: 3px;"></i> <span id="{{divElementId}}-cloudCount"></span></button>-->

                <span id="{{divElementId}}-addmsg" for="{{divElementId}}-addCriteriaButton" class="small text-danger"></span>
              </div>
            </form>
            <ul class="list-group" id="{{divElementId}}-listGroup">
            </ul>
            <div class="btn btn-success i18n" style="margin: 10px;" id='{{divElementId}}-computeInferredButton' data-i18n-id="i18n_execute">{{i18n "i18n_execute" "Execute"}}</div>
            <button type="button" class="btn btn-primary pull-right" id='{{divElementId}}-open-grammar' style="margin: 10px; position: relative;" data-toggle="modal" data-target="#{{divElementId}}-constraintGrammarModal">{{{i18n "i18n_constraint_grammar" "Constraint Grammar"}}}</button>
            <br>
            <br>
          </div>
        </div>
        <div class="tab-pane active" id="{{divElementId}}-ExpTab" style="padding: 15px;margin: 0;">
          <textarea rows="5" ondrop="dropE(event);" class="form-control i18n" placeholder="{{i18n "i18n_expression" "Expression"}}..." id="{{divElementId}}-ExpText"></textarea>
          <input data-droppable="true" ondrop="dropS(event);" ondragover="removeHighlight();" style="width: 50%; margin-top: 5px" ondragstart="allowDrop(event);" class="form-control" id="{{divElementId}}-searchBoxOption" placeholder="{{i18n "i18n_ecl_search_option_placeholder" "Enter additional term filter (option)"}}" autocomplete="off">
          <div class="btn-group dropdown" id="{{divElementId}}-searchTypeSection">
            <button style="white-space: normal;" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                <span class='i18n' data-i18n-id='i18n_description_type'>{{i18n "i18n_description_type" "Description type" }}</span>: <span id="{{divElementId}}-searchTypeOpt"></span>&nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
              <li>
                    <a href="#" id='{{divElementId}}-allTypeButton'><span class='i18n' data-i18n-id='i18n_all'>{{i18n "i18n_all" "All" }}</span> </a>
              </li>    
              <li>
                    <a href="#" id='{{divElementId}}-fsnTypeButton'><span class='i18n' data-i18n-id='i18n_fsn'>{{i18n "i18n_fsn" "FSN" }}</span> </a>
              </li>           
              <li>
                  <a href="#" id='{{divElementId}}-synonymTypeButton'><span class='i18n' data-i18n-id='i18n_synonym'>{{i18n "i18n_synonym" "Synonym" }} </span></a>
              </li>
              
              <li>
                  <a href="#"id='{{divElementId}}-definitionTypeButton'><span class='i18n' data-i18n-id='i18n_definition'>{{i18n "i18n_definition" "Definition" }}</span></a>
              </li>
            </ul>
          </div>
          <div style="margin-top: 5px; display: inline-block" id="{{divElementId}}-filterLanguageRefsetSection">
              <select id="{{divElementId}}-filterLanguageRefsetOpt" multiple="multiple" style="display: none"></select>
              
              <!--Display a temporary dropdown for Language refset for better view, will remove it after the list of refsets are in place-->
              <div style="" class="btn-group dropdown" id="{{divElementId}}-filterLanguageRefsetOptHidden">
                  <button style="white-space: normal;" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                      <span class='i18n' data-i18n-id='i18n_language_refsets'>Language Refsets</span>&nbsp;<span class="caret"></span>
                  </button>                        
              </div>
          </div>
          <br>
          <div class="btn btn-success i18n" style="margin: 10px; position: initial" id='{{divElementId}}-computeInferredButton2' data-i18n-id="i18n_execute">{{i18n "i18n_execute" "Execute"}}</div>
          <div class="btn btn-success" style="display: none; margin: 10px;" id='{{divElementId}}-computeOntoserver2'>Run on Ontoserver</div>
          <br>
        </div>
        </form>
        <!--            <ul class="list-group" id="{{divElementId}}-listGroup">
            </ul>
            {{{i18n "i18n_results" "Results"}}}:  <span id="{{divElementId}}-resultInfo" class="text-muted small"></span>
-->
        <div class="row container-fluid" style="margin: 10px;">
          <p class="lead"><span class="i18n" data-i18n-id="i18n_results">{{i18n "i18n_results" "Results"}}</span>: <span id="{{divElementId}}-resultInfo"></p></span>
        </div>

        <div class="row container-fluid" id="{{divElementId}}-output" style="margin: 10px;">
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>Concept</th>
                <th>Preferred Term</th>
                <th>Id</th><commit_msg>BROWSE-361 UI tweaks<commit_after><div style='height:100%;margin: 5px; overflow:auto;' class='panel panel-default' id='{{divElementId}}-mainPanel'>
  <div class='panel-heading' id='{{divElementId}}-panelHeading'>
    <div class='row'>
      <div class='col-md-6' id='{{divElementId}}-panelTitle'></div>
      <div class='col-md-6 text-right'>
        <!--<a class="btn btn-link" href="help/topics/creating-queries.html" target="_blank" title="Help" role="button"><i class='glyphicon glyphicon-question-sign'></i></a>-->
        <button id='{{divElementId}}-configButton' class='btn btn-link' data-toggle='modal' style='padding:2px' data-target='#{{divElementId}}-configModal'><i class='glyphicon glyphicon-cog'></i></button>
      </div>
    </div>
  </div>
  <div class='panel-body' style='height:100%' id='{{divElementId}}-panelBody'>
    <!--<p style="margin: 10px;">Create a query, conditions are evaluated in order:</p>-->
    <div class="row container-fluid" style="margin: 10px;">
      <p class="lead col-md-6 i18n" data-i18n-id="i18n__enter_an_expression">{{i18n "i18n__enter_an_expression" "Enter an expression"}}</p>
      <button type="button" id="{{divElementId}}-helpButton" class="btn btn-default pull-right i18n" style="margin: 10px;" data-toggle="modal" data-target="#{{divElementId}}-queryHelpModal" data-i18n-id="i18n_Help">{{i18n "i18n_Help" "Help"}}</button>
      <button type="button" id="{{divElementId}}-clearButton" class="btn btn-default pull-right i18n" style="margin: 10px;" data-i18n-id="i18n_clear">{{i18n "i18n_clear" "Clear"}}</button>
      <!--<p><strong>This will execute against the current MAIN branch of the authoring platform. Please make sure you have logged into the authoring platform to be able to run any queries.</strong></p> -->
    </div>
    <div>
      <ul class="nav nav-tabs">
        <li class="active"><a href="#{{divElementId}}-ExpTab" data-toggle="tab"><span class="i18n" data-i18n-id="i18n__enter_an_expression">{{i18n "i18n__enter_an_expression" "Enter an expression"}}</span></a></li>
        <!--                <li><a href="#{{divElementId}}-BuilderTab" data-toggle="tab"><span class="i18n" data-i18n-id="i18n_builder">Build a simple expression</span></a></li>
-->
      </ul>
      <div class="tab-content">
        <div class="tab-pane" id="{{divElementId}}-BuilderTab" style="padding: 0px;margin: 0;">
          <div class="row container-fluid" style="margin: 10px;">
            <form class="form-inline" role="form">
              <div class="form-group">
                <div class="dropdown">
                  <button style="width: 75px;" class="btn btn-default dropdown-toggle" type="button" id="{{divElementId}}-modifierButton" data-toggle="dropdown" aria-expanded="true">
                                        <span id="{{divElementId}}-selectedModifier">Include</span>
                                        <span class="caret"></span>
                                    </button>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="{{divElementId}}-modifierButton">
                    <li role="presentation"><a role="menuitem" data-role="modifier-selector" tabindex="-1" href="javascript:void(0);">Include</a></li>
                    <li role="presentation"><a role="menuitem" data-role="modifier-selector" tabindex="-1" href="javascript:void(0);">Exclude</a></li>
                  </ul>
                </div>
              </div>
              <div class="form-group">
                <div class="dropdown">
                  <button style="width: 147px;" class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
                                        <span id="{{divElementId}}-selectedCriteria">descendantOf</span>
                                        <span class="caret"></span>
                                    </button>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                    <li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">descendantOf</a></li>
                    <li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">descendantOrSelfOf</a></li>
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">ancestorOf</a></li>-->
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">ancestorOrSelfOf</a></li>-->
                    <li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">self</a></li>
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">childrenOf</a></li>-->
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">parentsOf</a></li>-->
                    <li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">isMemberOf</a></li>
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">hasDescription</a></li>-->
                    <!--<li role="presentation"><a role="menuitem" data-role="criteria-selector" tabindex="-1" href="javascript:void(0);">hasRelationship</a></li>-->
                  </ul>
                </div>
              </div>
              <div class="form-group" id="{{divElementId}}-conceptField">
                <input type="text" data-droppable="true" ondrop="dropField(event)" ondragleave="removeHighlight();" ondragover="allowDrop(event)" class="form-control" id="{{divElementId}}-selectedConcept" placeholder="Drag a concept here" readonly>
                <input type="text" data-droppable="true" ondrop="dropField(event)" ondragleave="removeHighlight();" ondragover="allowDrop(event)" class="form-control" id="{{divElementId}}-selectedType" placeholder="Drag a type here" readonly>
                <input type="text" data-droppable="true" ondrop="dropField(event)" ondragleave="removeHighlight();" ondragover="allowDrop(event)" class="form-control" id="{{divElementId}}-selectedTarget" placeholder="Drag a destination here" readonly>
                <input type="text" class="form-control" id="{{divElementId}}-searchTerm" placeholder="Type search string">
                <span class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="{{divElementId}}-formdropdown" data-toggle="dropdown" aria-expanded="true">
                            <span id="{{divElementId}}-selectedForm">stated</span>
                <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="{{divElementId}}-formdropdown">
                  <li role="presentation"><a role="menuitem" data-role="form-selector" tabindex="-1" href="javascript:void(0);">stated</a></li>
                  <li role="presentation"><a role="menuitem" data-role="form-selector" tabindex="-1" href="javascript:void(0);">inferred</a></li>
                </ul>
                </span>
              </div>
              <div style="margin-left: 41px;" class="form-group" id="{{divElementId}}-addCriteriaAnd">
                <div class="dropdown">
                  <button style="text-decoration: none;" class="btn btn-link dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="true"><span data-toggle="tooltip" data-placement="top" title="More" class="glyphicon glyphicon-plus"></span></button>
                  <ul class="dropdown-menu pull-right" role="menu">
                    <li role="presentation"><a class="addCriteria" data-type="Conjunction" role="menuitem" tabindex="-1" href="javascript:void(0);">Add AND</a></li>
                    <li role="presentation"><a class="addCriteria" data-type="Refinement" role="menuitem" tabindex="-1" href="javascript:void(0);">Add Refinement</a></li>
                  </ul>
                </div>
              </div>
            </form>
            <form class="form-inline" role="form">
              <div class="form-group">
                <button type="button" class="btn btn-primary" id='{{divElementId}}-addCriteriaButton' style="margin: 10px;">{{i18n "i18n_add_condition" "Add instruction"}}</button>
                <!--<button type="button" class="btn btn-primary"  id='{{divElementId}}-cloudResults' style="margin: 10px; position: relative;" title="Open Cloud Queries Processor" data-toggle="modal" data-target="#{{divElementId}}-cloudModal"><i class='glyphicon glyphicon-cloud' style="position: relative; top: 3px;"></i> <span id="{{divElementId}}-cloudCount"></span></button>-->

                <span id="{{divElementId}}-addmsg" for="{{divElementId}}-addCriteriaButton" class="small text-danger"></span>
              </div>
            </form>
            <ul class="list-group" id="{{divElementId}}-listGroup">
            </ul>
            <div class="btn btn-success i18n" style="margin: 10px;" id='{{divElementId}}-computeInferredButton' data-i18n-id="i18n_execute">{{i18n "i18n_execute" "Execute"}}</div>
            <button type="button" class="btn btn-primary pull-right" id='{{divElementId}}-open-grammar' style="margin: 10px; position: relative;" data-toggle="modal" data-target="#{{divElementId}}-constraintGrammarModal">{{{i18n "i18n_constraint_grammar" "Constraint Grammar"}}}</button>
            <br>
            <br>
          </div>
        </div>
        <div class="tab-pane active" id="{{divElementId}}-ExpTab" style="padding: 15px;margin: 0;">
          <textarea rows="5" ondrop="dropE(event);" class="form-control i18n" placeholder="{{i18n "i18n_expression" "Expression"}}..." id="{{divElementId}}-ExpText"></textarea>
          <input data-droppable="true" ondrop="dropS(event);" ondragover="removeHighlight();" style="width: 50%; margin-top: 5px" ondragstart="allowDrop(event);" class="form-control" id="{{divElementId}}-searchBoxOption" placeholder="{{i18n "i18n_ecl_search_option_placeholder" "Enter additional term filter (option)"}}" autocomplete="off">
          <div class="btn-group dropdown" id="{{divElementId}}-searchTypeSection">
            <button style="white-space: normal;" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                <span class='i18n' data-i18n-id='i18n_description_type'>{{i18n "i18n_description_type" "Description type" }}</span>: <span id="{{divElementId}}-searchTypeOpt"></span>&nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
              <li>
                    <a href="#" id='{{divElementId}}-allTypeButton'><span class='i18n' data-i18n-id='i18n_all'>{{i18n "i18n_all" "All" }}</span> </a>
              </li>    
              <li>
                    <a href="#" id='{{divElementId}}-fsnTypeButton'><span class='i18n' data-i18n-id='i18n_fsn'>{{i18n "i18n_fsn" "FSN" }}</span> </a>
              </li>           
              <li>
                  <a href="#" id='{{divElementId}}-synonymTypeButton'><span class='i18n' data-i18n-id='i18n_synonym'>{{i18n "i18n_synonym" "Synonym" }} </span></a>
              </li>
              
              <li>
                  <a href="#"id='{{divElementId}}-definitionTypeButton'><span class='i18n' data-i18n-id='i18n_definition'>{{i18n "i18n_definition" "Definition" }}</span></a>
              </li>
            </ul>
          </div>
          <div style="margin-top: 5px; display: inline-block" id="{{divElementId}}-filterLanguageRefsetSection">
              <select id="{{divElementId}}-filterLanguageRefsetOpt" multiple="multiple" style="display: none"></select>
              
              <!--Display a temporary dropdown for Language refset for better view, will remove it after the list of refsets are in place-->
              <div style="" class="btn-group dropdown" id="{{divElementId}}-filterLanguageRefsetOptHidden">
                  <button style="white-space: normal;" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                      <span class='i18n' data-i18n-id='i18n_language_refsets'>Language Refsets</span>&nbsp;<span class="caret"></span>
                  </button>                        
              </div>
          </div>
          <br>
          <div class="btn btn-success i18n" style="margin-top: 10px; margin-bottom: 10px; margin-right: 10px; position: initial" id='{{divElementId}}-computeInferredButton2' data-i18n-id="i18n_execute">{{i18n "i18n_execute" "Execute"}}</div>
          <div class="btn btn-success" style="display: none; margin: 10px;" id='{{divElementId}}-computeOntoserver2'>Run on Ontoserver</div>
          <br>
        </div>
        </form>
        <!--            <ul class="list-group" id="{{divElementId}}-listGroup">
            </ul>
            {{{i18n "i18n_results" "Results"}}}:  <span id="{{divElementId}}-resultInfo" class="text-muted small"></span>
-->
        <div class="row container-fluid" style="margin: 10px;">
          <p class="lead"><span class="i18n" data-i18n-id="i18n_results">{{i18n "i18n_results" "Results"}}</span>: <span id="{{divElementId}}-resultInfo"></p></span>
        </div>

        <div class="row container-fluid" id="{{divElementId}}-output" style="margin: 10px;">
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>Concept</th>
                <th>Preferred Term</th>
                <th>Id</th>
{'fraction_non_alphanumeric': 0.1869410310477714, 'fraction_numerical': 0.018068784992365302, 'mean_word_length': 3.074507480373278, 'pattern_counts': {'":': 0, '<': 573, '<?xml version=': 0, '>': 573, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5662144', 'n_tokens_mistral': 8559, 'n_tokens_neox': 7958, 'n_words': 1435}