Add proper natural sort to swarming UI

appengine/swarming/ui/res/imp/botpage/bot-page-summary.html

Index: appengine/swarming/ui/res/imp/botpage/bot-page-summary.html
diff --git a/appengine/swarming/ui/res/imp/botpage/bot-page-summary.html b/appengine/swarming/ui/res/imp/botpage/bot-page-summary.html
index e3de264429f27f738f6e7fa557c5a67e0720a2c6..30f5aaf9f74432aa27d3c9f8cc1bb494b9beb74e 100644
--- a/appengine/swarming/ui/res/imp/botpage/bot-page-summary.html
+++ b/appengine/swarming/ui/res/imp/botpage/bot-page-summary.html
@@ -8,6 +8,20 @@
 
     <bot-page-summary></bot-page-summary>
 
+    This element shows a summary of all the tasks run on this bot. It attempts to
+    find commonalities in the names and shorten them to save screen space.
+
+    For example, if the there are two tasks:
+    Performance-Linux-Foo-Clang
+    Performance-Linux-Bar-GCC
+
+    The summary will (optionally) truncate these to
+    ...Foo-Clang
+    ...Bar-GCC
+
+    The summary includes information like total number of failures, average duration,
+    and more.
+
   Properties:
     None.
 
@@ -330,7 +344,7 @@
         if (this._sort.direction === "desc") {
           dir = -1;
         }
-        return dir * swarming.naturalCompare(a[this._sort.name], b[this._sort.name]);
+        return dir * naturalSort(a[this._sort.name], b[this._sort.name]);
       },
 
       _countTasks: function(){