<p>
<input id="sync-search-query" type="search"
       placeholder="Search Sync Data">
<button id="sync-search-submit">Search</button>
  <span id="sync-search-quicklink-container">Quick Search:
    <a class='sync-search-quicklink' data-query="&quot;IS_UNAPPLIED_UPDATE&quot;: true"
      href="#">Unapplied Updates</a>
    <a class='sync-search-quicklink' data-query="&quot;IS_UNSYNCED&quot;: true"
      href="#">Unsynced</a>
    <a class='sync-search-quicklink' data-query="((&quot;IS_UNAPPLIED_UPDATE&quot;: true)[\s\S]*(&quot;IS_UNSYNCED&quot;: true))|((&quot;IS_UNSYNCED&quot;: true)[\s\S]*(&quot;IS_UNAPPLIED_UPDATE&quot;: true))"
      href="#">Conflicted</a>
    <a class='sync-search-quicklink' data-query="&quot;IS_DEL&quot;: true"
      href="#">Deleted</a>
  </span>
</p>
<p>
<span id="sync-search-status"></span>
</p>

<div id="sync-results-container">
  <list id="sync-results-list"></list>
  <div id="sync-results-splitter"></div>
  <div id="sync-result-details-container">
    <pre id="sync-result-details"></pre>
  </div>
</div>

<script src="chrome://sync-internals/search.js"></script>