DevTools: [ux regression] There is no way to clear console history.

third_party/WebKit/Source/devtools/front_end/ui/SuggestBox.js

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 53 matching lines @@
     this._container = createElementWithClass("div", "suggest-box-container");
     this._element = this._container.createChild("div", "suggest-box");
     this._element.addEventListener("mousedown", this._onBoxMouseDown.bind(this), true);
     this._detailsPopup = this._container.createChild("div", "suggest-box details-popup monospace");
     this._detailsPopup.classList.add("hidden");
     this._asyncDetailsCallback = null;
     /** @type {!Map<number, !Promise<{detail: string, description: string}>>} */
     this._asyncDetailsPromises = new Map();
 }
 
+/**
+ * @typedef Array.<{title: string, className: (string|undefined)}>
+ */
+WebInspector.SuggestBox.Suggestions;
+
 WebInspector.SuggestBox.prototype = {
     /**
      * @return {boolean}
      */
     visible: function()
     {
         return !!this._container.parentElement;
     },
 
     /**
@@ skipping 149 matching lines @@
     _onItemMouseDown: function(event)
     {
         this._selectedElement = event.currentTarget;
         this.acceptSuggestion();
         event.consume(true);
     },
 
     /**
      * @param {string} prefix
      * @param {string} text
+     * @param {string|undefined} className
      * @param {number} index
      */
-    _createItemElement: function(prefix, text, index)
+    _createItemElement: function(prefix, text, className, index)
     {
-        var element = createElementWithClass("div", "suggest-box-content-item source-code");
+        var element = createElementWithClass("div", "suggest-box-content-item source-code " + (className || ""));
         element.tabIndex = -1;
         if (prefix && prefix.length && !text.indexOf(prefix)) {
             element.createChild("span", "prefix").textContent = prefix;
             element.createChild("span", "suffix").textContent = text.substring(prefix.length).trimEnd(50);
         } else {
             element.createChild("span", "suffix").textContent = text.trimEnd(50);
         }
         element.__fullValue = text;
         element.createChild("span", "spacer");
         element.addEventListener("mousedown", this._onItemMouseDown.bind(this), false);
         return element;
     },
 
     /**
-     * @param {!Array.<string>} items
+     * @param {!WebInspector.SuggestBox.Suggestions} items
      * @param {string} userEnteredText
      * @param {function(number): !Promise<{detail:string, description:string}>=} asyncDetails
      */
     _updateItems: function(items, userEnteredText, asyncDetails)
     {
         this._length = items.length;
         this._asyncDetailsPromises.clear();
         this._asyncDetailsCallback = asyncDetails;
         this._element.removeChildren();
         delete this._selectedElement;
 
         for (var i = 0; i < items.length; ++i) {
             var item = items[i];
-            var currentItemElement = this._createItemElement(userEnteredText, item, i);
+            var currentItemElement = this._createItemElement(userEnteredText, item.title, item.className, i);
             this._element.appendChild(currentItemElement);
         }
     },
 
     /**
      * @param {number} index
      * @return {!Promise<?{detail: string, description: string}>}
      */
     _asyncDetails: function(index)
     {
@@ skipping 44 matching lines @@
          * @this {WebInspector.SuggestBox}
          */
         function showDetails(details)
         {
             if (elem === this._selectedElement)
                 this._showDetailsPopup(details);
         }
     },
 
     /**
-     * @param {!Array.<string>} completions
+     * @param {!WebInspector.SuggestBox.Suggestions} completions
      * @param {boolean} canShowForSingleItem
      * @param {string} userEnteredText
      */
     _canShowBox: function(completions, canShowForSingleItem, userEnteredText)
     {
         if (!completions || !completions.length)
             return false;
 
         if (completions.length > 1)
             return true;
 
         // Do not show a single suggestion if it is the same as user-entered prefix, even if allowed to show single-item suggest boxes.
-        return canShowForSingleItem && completions[0] !== userEnteredText;
+        return canShowForSingleItem && completions[0].title !== userEnteredText;
     },
 
     _ensureRowCountPerViewport: function()
     {
         if (this._rowCountPerViewport)
             return;
         if (!this._element.firstChild)
             return;
 
         this._rowCountPerViewport = Math.floor(this._element.offsetHeight / this._element.firstChild.offsetHeight);
     },
 
     /**
      * @param {!AnchorBox} anchorBox
-     * @param {!Array.<string>} completions
+     * @param {!WebInspector.SuggestBox.Suggestions} completions
      * @param {number} selectedIndex
      * @param {boolean} canShowForSingleItem
      * @param {string} userEnteredText
      * @param {function(number): !Promise<{detail:string, description:string}>=} asyncDetails
      */
     updateSuggestions: function(anchorBox, completions, selectedIndex, canShowForSingleItem, userEnteredText, asyncDetails)
     {
         if (this._canShowBox(completions, canShowForSingleItem, userEnteredText)) {
             this._updateItems(completions, userEnteredText, asyncDetails);
             this._show();
@@ skipping 133 matching lines @@
         this.element.style.top = containerBox.y + "px";
         this.element.style.height = containerBox.height + "px";
         this.element.style.width = containerBox.width + "px";
     },
 
     dispose: function()
     {
         this.element.remove();
     }
 }