sync: Add UI code for per type debug counters

chrome/browser/resources/sync_internals/types.html

Index: chrome/browser/resources/sync_internals/types.html
diff --git a/chrome/browser/resources/sync_internals/types.html b/chrome/browser/resources/sync_internals/types.html
new file mode 100644
index 0000000000000000000000000000000000000000..1a39be6f994d410024009af19298d8fcc034433c
--- /dev/null
+++ b/chrome/browser/resources/sync_internals/types.html
@@ -0,0 +1,51 @@
+  <div id="type-counters-container-wrapper" jsskip="true">
+    <div class="section">
+      <h2>Type Counters</h2>
+      <table id="type-counters-table">
+        <thead>
+          <tr>
+            <th class='type'>Type</th>
+            <th>Total Entries</th>
+
+            <th>Updates Received</th>
+            <th>Reflected Updates Received</th>
+            <th>Tombstone Updates Received</th>
+
+            <th>Updates Applied</th>
+            <th>Hierarchy Conflict Application Failures</th>
+            <th>Encryption Conflict Application Failures</th>
+
+            <th>Server Overwrite Conflicts</th>
+            <th>Local Overwrite Conflicts</th>
+
+            <th>Commit Attempts</th>
+            <th>Commit Successes</th>
+            <th>Commit Conflicts</th>
+            <th>Commit Errors</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr jsselect="rows">
+            <td jscontent="type"></td>
+            <td jscontent="counters.numEntries || 0">0</td>
+
+            <td jscontent="counters.numUpdatesReceived || 0">0</td>
+            <td jscontent="counters.numReflectedUpdatesReceived || 0">0</td>
+            <td jscontent="counters.numTombstoneUpdatesReceived || 0">0</td>
+
+            <td jscontent="counters.numUpdatesApplied || 0">0</td>
+            <td jscontent="counters.numHierarchyConflictApplicationFailures || 0">0</td>
+            <td jscontent="counters.numEncryptionConflictApplicationFailures || 0">0</td>
+
+            <td jscontent="counters.numServerOverwrites || 0">0</td>
+            <td jscontent="counters.numLocalOverwrites || 0">0</td>
+
+            <td jscontent="counters.numCommitsAttempted || 0">0</td>
+            <td jscontent="counters.numCommitsSuccess || 0">0</td>
+            <td jscontent="counters.numCommitsConflict || 0">0</td>
+            <td jscontent="counters.numCommitsError || 0">0</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>