[DevTools] Add UI for adding remote targets

chrome/browser/resources/inspect/inspect.html

Index: chrome/browser/resources/inspect/inspect.html
diff --git a/chrome/browser/resources/inspect/inspect.html b/chrome/browser/resources/inspect/inspect.html
index 8b90983c53eaa5b85278556207637c7eca0be48a..a7b4a5fac2877a0332dd6c6f0de9258e08f60b76 100644
--- a/chrome/browser/resources/inspect/inspect.html
+++ b/chrome/browser/resources/inspect/inspect.html
@@ -32,6 +32,8 @@ found in the LICENSE file.
         </label>
         <button id="port-forwarding-config-open" disabled>
           Port forwarding...</button>
+        <button id="target-discovery-config-open" disabled>
+          Targets...</button>
       </div>
       <div id="devices-help" hidden="true">No devices detected. Please read the
         <a href="https://developers.google.com/chrome-developer-tools/docs/remote-debugging">
@@ -69,22 +71,26 @@ found in the LICENSE file.
     </div>
   </div>
 </div>
-<dialog id="port-forwarding-config">
-  <div id="port-forwarding-config-close" class="close-button"></div>
-  <div id="port-forwarding-config-title">Port forwarding settings</div>
-  <div id="port-forwarding-config-list">
+<dialog id="config-dialog" class="config">
+  <div id="config-dialog-close" class="close-button"></div>
+  <div id="port-forwarding-config-title" class="title port-forwarding">Port forwarding settings</div>
+  <div id="target-discovery-config-title" class="title target-discovery">Target discovery settings</div>
+  <div id="config-list" class="list">
   </div>
-  <div id="port-forwarding-message">
+  <div id="port-forwarding-message" class="message port-forwarding">
       Define the listening port on your device that maps to a port accessible
       from your development machine.
       <a href="https://developer.chrome.com/devtools/docs/remote-debugging#reverse-port-forwarding"
          target="_blank">Learn more</a>
   </div>
-  <div id="port-forwarding-config-buttons">
-    <label>
+  <div id="targets-message" class="message target-discovery">
+      Specify hosts and ports of the target discovery servers.
+  </div>
+  <div class="config-buttons">
+    <label class="port-forwarding">
       <input id="port-forwarding-enable" type="checkbox" disabled>Enable port forwarding
     </label>
-    <button id="port-forwarding-config-done">Done</button>
+    <button id="button-done">Done</button>
   </div>
 </dialog>
 </body>