Merge mozilla-central to autoland a=merge on a CLOSED TREE

devtools/client/debugger/new/README.mozilla

@@ -1,9 +1,9 @@
 This is the debugger.html project output.
 See https://github.com/devtools-html/debugger.html
 
-Version 124
+Version 125
 
-Comparison: https://github.com/devtools-html/debugger.html/compare/release-123...release-124
+Comparison: https://github.com/devtools-html/debugger.html/compare/release-124...release-125
 
 Packages:
 - babel-plugin-transform-es2015-modules-commonjs @6.26.2

devtools/client/debugger/new/dist/vendors.css

@@ -175,408 +175,6 @@ html[dir="rtl"] .tree-node button.arrow {
 .split-box.dragging > .uncontrolled {
   pointer-events: none;
 }
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
-
-.arrow,
-.worker,
-.refresh,
-.shortcut,
-.add-button {
-  fill: var(--theme-splitter-color);
-}
-
-.img.folder,
-.img.domain,
-.img.file,
-.img.extension,
-.img.worker {
-  background-color: var(--theme-comment);
-}
-
-.worker,
-.file,
-.folder,
-.sources-list .source-icon,
-.extension {
-  position: relative;
-  top: 2px;
-}
-
-.domain,
-.worker,
-.refresh,
-.add-button {
-  position: relative;
-  top: 1px;
-}
-
-.worker svg,
-.refresh svg,
-.shortcut svg,
-.add-button svg {
-  width: 15px;
-}
-
-.img.domain,
-.img.folder {
-  width: 15px;
-  height: 15px;
-}
-
-.img.extension,
-.img.worker {
-  width: 13px;
-  height: 13px;
-  margin-inline-start: 2px;
-}
-
-.img.result-item-icon {
-  height: 18px;
-  width: 18px;
-}
-
-.img.domain {
-  mask: url("resource://devtools/client/debugger/new/images/domain.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.folder {
-  mask: url("resource://devtools/client/debugger/new/images/folder.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.coffeescript {
-  mask: url("resource://devtools/client/debugger/new/images/coffeescript.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.javascript {
-  mask: url("resource://devtools/client/debugger/new/images/javascript.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.tab {
-  mask: url("resource://devtools/client/debugger/new/images/tab.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.react {
-  mask: url("resource://devtools/client/debugger/new/images/react.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.aframe {
-  background-image: url("resource://devtools/client/debugger/new/images/aframe.svg");
-  background-size: 15px 15px;
-}
-
-.img.babel {
-  mask: url("resource://devtools/client/debugger/new/images/babel.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.backbone {
-  mask: url("resource://devtools/client/debugger/new/images/backbone.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.choo {
-  mask: url("resource://devtools/client/debugger/new/images/choo.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.dojo {
-  background-image: url("resource://devtools/client/debugger/new/images/dojo.svg");
-}
-
-.img.ember {
-  background-image: url("resource://devtools/client/debugger/new/images/ember.svg");
-}
-
-.img.immutable {
-  mask: url("resource://devtools/client/debugger/new/images/immutable.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.jquery {
-  mask: url("resource://devtools/client/debugger/new/images/jquery.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.lodash {
-  mask: url("resource://devtools/client/debugger/new/images/lodash.svg") no-repeat;
-  mask-size: 100%;
-}
-
-span.img.marko {
-  background-image: url("resource://devtools/client/debugger/new/images/marko.svg");
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.img.mobx {
-  background-image: url("resource://devtools/client/debugger/new/images/mobx.svg");
-}
-
-.img.next-circle {
-  mask: url("resource://devtools/client/debugger/new/images/next-circle.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.next {
-  mask: url("resource://devtools/client/debugger/new/images/next.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.nextjs {
-  background-image: url("resource://devtools/client/debugger/new/images/nextjs.svg");
-}
-
-.img.nuxtjs {
-  background-image: url("resource://devtools/client/debugger/new/images/nuxtjs.svg");
-}
-
-.img.preact {
-  background-image: url("resource://devtools/client/debugger/new/images/preact.svg");
-}
-
-.img.pug {
-  background-image: url("resource://devtools/client/debugger/new/images/pug.svg");
-}
-
-.img.redux {
-  mask: url("resource://devtools/client/debugger/new/images/redux.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.rxjs {
-  background-image: url("resource://devtools/client/debugger/new/images/rxjs.svg");
-}
-
-.img.sencha-extjs {
-  background-image: url("resource://devtools/client/debugger/new/images/sencha-extjs.svg");
-}
-
-.img.underscore {
-  mask: url("resource://devtools/client/debugger/new/images/underscore.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.webpack {
-  background-image: url("resource://devtools/client/debugger/new/images/webpack.svg");
-  background-repeat: no-repeat;
-}
-
-.img.vue {
-  background: url("resource://devtools/client/debugger/new/images/vuejs.svg") 1px 1px no-repeat;
-  background-size: 15px;
-}
-
-.img.typescript {
-  mask: url("resource://devtools/client/debugger/new/images/typescript.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.extension {
-  mask: url("resource://devtools/client/debugger/new/images/extension.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.pane-collapse {
-  mask: url("resource://devtools/client/debugger/new/images/pane-collapse.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.pane-expand {
-  mask: url("resource://devtools/client/debugger/new/images/pane-expand.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.file {
-  mask: url("resource://devtools/client/debugger/new/images/file.svg") no-repeat;
-  mask-size: 100%;
-  width: 13px;
-  height: 13px;
-}
-
-.img.worker {
-  mask: url("resource://devtools/client/debugger/new/images/worker.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.plus {
-  mask: url("resource://devtools/client/debugger/new/images/plus.svg") no-repeat;
-  mask-size: 100%;
-  height: 16px;
-  width: 16px;
-}
-
-.img.magnifying-glass {
-  mask: url("resource://devtools/client/debugger/new/images/magnifying-glass.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.case-match {
-  mask: url("resource://devtools/client/debugger/new/images/case-match.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.regex-match {
-  mask: url("resource://devtools/client/debugger/new/images/regex-match.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.whole-word-match {
-  mask: url("resource://devtools/client/debugger/new/images/whole-word-match.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.breadcrumb {
-  mask: url("resource://devtools/client/debugger/new/images/breadcrumbs-divider.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.home {
-  mask: url("resource://devtools/client/debugger/new/images/home.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.angular {
-  background-image: url("resource://devtools/client/debugger/new/images/angular.svg");
-  background-repeat: no-repeat;
-}
-
-.img.angular,
-.img.webpack,
-.img.vue,
-.img.aframe,
-.img.dojo,
-.img.ember,
-.img.marko,
-.img.mobx,
-.img.nextjs,
-.img.nuxtjs,
-.img.preact,
-.img.pug,
-.img.rxjs,
-.img.sencha-extjs {
-  background-size: 15px 15px;
-  background-color: transparent;
-  width: 15px;
-  height: 15px;
-  position: relative;
-}
-
-.sources-list .img.angular,
-.sources-list .img.webpack,
-.sources-list .img.vue,
-.sources-list .img.aframe,
-.sources-list .img.dojo,
-.sources-list .img.ember,
-.sources-list .img.marko,
-.sources-list .img.mobx,
-.sources-list .img.nextjs,
-.sources-list .img.nuxtjs,
-.sources-list .img.preact,
-.sources-list .img.pug,
-.sources-list .img.rxjs,
-.sources-list .img.sencha-extjs {
-  top: 3px;
-}
-
-.img.domain,
-.img.folder,
-.img.file,
-.sources-list .img.source-icon,
-.img.extension,
-.img.worker {
-  mask-size: 100%;
-  margin-inline-end: 5px;
-  display: inline-block;
-}
-
-.img.result-item-icon {
-  mask-size: 100%;
-  margin-inline-end: 15px;
-  margin-inline-start: 5px;
-  display: inline-block;
-}
-
-.img.refresh,
-.img.shortcut,
-.img.worker,
-.img.arrow {
-  margin-inline-end: 5px;
-}
-
-.img.refresh {
-  mask: url("resource://devtools/client/debugger/new/images/reload.svg");
-  mask-size: 100%;
-}
-
-.img.arrow {
-  mask: url("resource://devtools/client/debugger/new/images/arrow.svg");
-  margin-inline-end: 4px;
-  width: 10px;
-  height: 10px;
-  padding-top: 9px;
-  background: var(--disclosure-arrow);
-  mask-size: 100%;
-  display: inline-block;
-  transform: rotate(-90deg);
-  transition: transform 0.18s ease;
-}
-
-/* overrides tree component */
-.tree-node button.arrow {
-  background: none;
-  mask: url("resource://devtools/client/debugger/new/images/arrow.svg");
-  background: var(--disclosure-arrow);
-  mask-size: 100%;
-}
-
-html[dir="rtl"] .img.arrow {
-  transform: rotate(90deg);
-}
-
-.arrow {
-  transition: transform 0.125s ease;
-  height: 10px;
-  width: 10px;
-  transform: rotate(-90deg);
-  vertical-align: -1px;
-}
-
-html[dir="rtl"] .arrow,
-.arrow:dir(rtl),
-.arrow:-moz-locale-dir(rtl) {
-  transform: rotate(90deg);
-}
-
-.arrow.expanded {
-  transform: rotate(0deg);
-}
-
-.arrow.hidden {
-  visibility: hidden;
-}
-
-.angular,
-.webpack {
-  opacity: 0.8;
-}
-
-.theme-dark .angular,
-.theme-dark .webpack {
-  opacity: 0.5;
-}
-
-.source-icon svg {
-  fill: var(--theme-comment);
-}
 .container {
   background-color: lightgrey;
   border: 1px solid darkgrey;

devtools/client/debugger/new/dist/vendors.js

@@ -519,13 +519,6 @@ process.umask = function() { return 0; };
 
 /***/ }),
 
-/***/ 1310:
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ }),
-
 /***/ 1355:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -552,24 +545,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _Svg = __webpack_require__(3841);
+var _Svg = __webpack_require__(3842);
 
 var _Svg2 = _interopRequireDefault(_Svg);
 
-__webpack_require__(1310);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+exports.default = _Svg2.default; /* This Source Code Form is subject to the terms of the Mozilla Public
+                                  * License, v. 2.0. If a copy of the MPL was not distributed with this
+                                  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 /**
  * This file maps the SVG React Components in the images directory.
  */
 
-exports.default = _Svg2.default;
-
 /***/ }),
 
 /***/ 1376:
@@ -7526,7 +7515,7 @@ module.exports = Draggable;
 
 /***/ }),
 
-/***/ 3841:
+/***/ 3842:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -7546,9 +7535,8 @@ const React = __webpack_require__(0);
 
 
 const svg = {
-  breakpoint: __webpack_require__(3842),
-  "column-marker": __webpack_require__(3843),
-  "magnifying-glass": __webpack_require__(3844)
+  breakpoint: __webpack_require__(3843),
+  "column-marker": __webpack_require__(3844)
 };
 
 function Svg({ name, className, onClick, "aria-label": ariaLabel }) {
@@ -7558,15 +7546,10 @@ function Svg({ name, className, onClick, "aria-label": ariaLabel }) {
     return null;
   }
 
-  className = `${name} ${className || ""}`;
-  if (name === "subSettings") {
-    className = "";
-  }
-
   const props = {
-    className,
+    className: `${name} ${className || ""}`,
     onClick,
-    ["aria-label"]: ariaLabel,
+    "aria-label": ariaLabel,
     src: svg[name]
   };
 
@@ -7579,24 +7562,17 @@ module.exports = Svg;
 
 /***/ }),
 
-/***/ 3842:
-/***/ (function(module, exports) {
-
-module.exports = "<!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 60 14\"><path id=\"base-path\" d=\"M53.07.5H1.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h51.57a2 2 0 0 0 1.53-.7L59.3 7l-4.7-5.8a2 2 0 0 0-1.53-.7z\"></path></svg>"
-
-/***/ }),
-
 /***/ 3843:
 /***/ (function(module, exports) {
 
-module.exports = "<svg viewBox=\"0 0 9 12\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g id=\"columnmarkergroup\" stroke-width=\"1\" fill-rule=\"evenodd\"><polygon id=\"columnmarker\" points=\"0 0 4 0 9 6 4 12 0 12\"></polygon></g></svg>"
+module.exports = "<!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 60 14\"><path d=\"M53.07.5H1.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h51.57a2 2 0 0 0 1.53-.7L59.3 7l-4.7-5.8a2 2 0 0 0-1.53-.7z\"></path></svg>"
 
 /***/ }),
 
 /***/ 3844:
 /***/ (function(module, exports) {
 
-module.exports = "<!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path class=\"st0\" d=\"M9 9.3l3.6 3.6\"></path><ellipse fill=\"transparent\" cx=\"5.9\" cy=\"6.2\" rx=\"4.5\" ry=\"4.5\"></ellipse></svg>"
+module.exports = "<svg viewBox=\"0 0 9 12\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g id=\"columnmarkergroup\" stroke-width=\"1\" fill-rule=\"evenodd\"><polygon id=\"columnmarker\" points=\"0 0 4 0 9 6 4 12 0 12\"></polygon></g></svg>"
 
 /***/ }),
 

devtools/client/debugger/new/images/Svg.js

@@ -7,8 +7,7 @@ import InlineSVG from "svg-inline-react";
 
 const svg = {
   breakpoint: require("./breakpoint.svg"),
-  "column-marker": require("./column-marker.svg"),
-  "magnifying-glass": require("./magnifying-glass.svg")
+  "column-marker": require("./column-marker.svg")
 };
 
 type SvgType = {
@@ -18,22 +17,17 @@ type SvgType = {
   "aria-label"?: string
 };
 
-function Svg({ name, className, onClick, "aria-label": ariaLabel }) {
+function Svg({ name, className, onClick, "aria-label": ariaLabel }: SvgType) {
   if (!svg[name]) {
     const error = `Unknown SVG: ${name}`;
     console.warn(error);
     return null;
   }
 
-  className = `${name} ${className || ""}`;
-  if (name === "subSettings") {
-    className = "";
-  }
-
   const props = {
-    className,
+    className: `${name} ${className || ""}`,
     onClick,
-    ["aria-label"]: ariaLabel,
+    "aria-label": ariaLabel,
     src: svg[name]
   };
 

devtools/client/debugger/new/images/aframe.svg

@@ -1,20 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg id="svg2" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="100mm" width="100mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 354.33071 354.33071">
- <metadata id="metadata7">
-  <rdf:RDF>
-   <cc:Work rdf:about="">
-    <dc:format>image/svg+xml</dc:format>
-    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
-    <dc:title/>
-   </cc:Work>
-  </rdf:RDF>
- </metadata>
- <g id="layer1" fill="#EF2D5E" transform="translate(0 -698.03)">
-  <path id="text3336" d="m102.28 749.3-88.657 293.97h72.114l14.848-63.206h86.112l14.845 63.206h73.81l-34.36-113.69-128.53 0.00011 30.967-129.8v-50.48z"/>
-  <rect id="rect3356" transform="rotate(237.21)" height="79.557" width="79.557" y="-311.53" x="-785.82"/>
-  <rect id="rect3362" transform="matrix(-.78208 .62317 -.62317 -.78208 0 0)" height="95.238" width="95.238" y="-885.85" x="318.72"/>
-  <rect id="rect3364" transform="rotate(12.582)" height="95.238" width="95.238" y="633.02" x="396.31"/>
- </g>
-</svg>

devtools/client/debugger/new/images/angular.svg

@@ -1,10 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="256px" height="272px" viewBox="0 0 256 272" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-	<g>
-		<path d="M0.0996108949,45.522179 L125.908171,0.697276265 L255.103502,44.7252918 L234.185214,211.175097 L125.908171,271.140856 L19.3245136,211.971984 L0.0996108949,45.522179 Z" fill="#E23237"></path>
-		<path d="M255.103502,44.7252918 L125.908171,0.697276265 L125.908171,271.140856 L234.185214,211.274708 L255.103502,44.7252918 L255.103502,44.7252918 Z" fill="#B52E31"></path>
-		<path d="M126.107393,32.27393 L126.107393,32.27393 L47.7136187,206.692607 L76.9992218,206.194553 L92.7377432,166.848249 L126.207004,166.848249 L126.306615,166.848249 L163.063035,166.848249 L180.29572,206.692607 L208.286381,207.190661 L126.107393,32.27393 L126.107393,32.27393 Z M126.306615,88.155642 L152.803113,143.5393 L127.402335,143.5393 L126.107393,143.5393 L102.997665,143.5393 L126.306615,88.155642 L126.306615,88.155642 Z" fill="#FFFFFF"></path>
-	</g>
-</svg>

devtools/client/debugger/new/images/arrow-down.svg

@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1792 1792">
-  <path d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z" fill="#696969"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <path d="M6.354 8.354a.5.5 0 0 1-.708 0l-4.5-4.5a.5.5 0 1 1 .708-.708L6 7.293l4.146-4.147a.5.5 0 0 1 .708.708l-4.5 4.5z"/>
 </svg>

devtools/client/debugger/new/images/arrow-up.svg

@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1792 1792">
-  <path d="M1395 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z" fill="#696969"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <path d="M5.646 2.647a.5.5 0 0 1 .708 0l4.5 4.5a.5.5 0 0 1-.708.708L6 3.708 1.854 7.855a.5.5 0 1 1-.708-.708l4.5-4.5z"/>
 </svg>

devtools/client/debugger/new/images/babel.svg

@@ -1,107 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="418.000000pt" height="418.000000pt" viewBox="0 0 418.000000 418.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,418.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path fill="#F9DC3E" d="M2610 3980 c0 -4 -15 -7 -32 -7 -31 -1 -93 -10 -93 -13 0 -1 -11 -3
--25 -5 -14 -2 -36 -6 -50 -10 -14 -4 -36 -8 -50 -10 -14 -2 -25 -4 -25 -5 0
--1 -7 -3 -15 -5 -8 -2 -51 -13 -95 -25 -44 -12 -86 -22 -92 -23 -7 0 -13 -4
--13 -9 0 -5 -4 -7 -9 -4 -4 3 -26 -1 -47 -9 -22 -7 -48 -17 -59 -21 -11 -4
--28 -9 -38 -11 -10 -1 -31 -10 -47 -18 -17 -9 -32 -15 -35 -15 -15 2 -115 -35
--115 -42 0 -5 -4 -7 -8 -4 -4 2 -27 -4 -50 -14 -23 -11 -42 -16 -42 -12 0 4
--4 2 -8 -4 -4 -7 -21 -20 -38 -30 -42 -26 -157 -101 -169 -111 -21 -16 -70
--44 -87 -50 -10 -3 -18 -9 -18 -14 0 -5 -9 -9 -20 -9 -11 0 -20 -4 -20 -9 0
--5 -9 -13 -20 -16 -11 -3 -20 -13 -20 -22 0 -11 5 -13 18 -8 9 4 23 7 30 6 6
--1 23 -3 37 -4 14 -1 25 -3 25 -4 0 -5 -49 -50 -79 -73 -18 -14 -42 -33 -54
--43 -11 -10 -37 -28 -57 -40 -51 -31 -80 -59 -80 -75 0 -8 -6 -12 -12 -9 -7 2
--24 0 -37 -5 -19 -6 -22 -11 -13 -20 19 -19 14 -24 -28 -25 -50 -1 -100 -21
--100 -39 0 -8 -10 -14 -25 -14 -25 0 -25 -1 -25 -80 l0 -80 33 0 c18 0 40 8
-49 18 37 38 48 44 54 28 7 -18 -4 -39 -16 -31 -5 3 -11 1 -15 -4 -6 -11 16
--53 26 -49 4 2 34 28 67 58 32 30 69 63 81 73 24 19 81 31 81 17 0 -5 9 -12
-21 -15 14 -5 34 2 62 22 23 15 44 31 45 36 2 4 10 7 18 7 8 0 14 5 14 10 0 6
-7 10 15 10 8 0 15 5 15 11 0 5 4 7 10 4 5 -3 10 -2 10 3 0 5 8 12 18 16 20 6
-50 25 70 44 7 7 18 10 23 7 5 -4 9 -1 9 5 0 6 5 8 10 5 6 -3 10 -1 10 4 0 6 6
-11 14 11 8 0 22 7 30 16 9 8 25 16 36 17 11 1 20 5 20 9 0 4 9 8 20 8 11 0 20
-4 20 8 0 17 30 8 36 -10 7 -24 -47 -185 -101 -305 -8 -17 -15 -33 -15 -36 0
--6 -244 -579 -296 -694 -14 -32 -31 -71 -39 -88 -7 -16 -22 -50 -33 -75 -11
--25 -31 -70 -45 -100 -39 -89 -66 -147 -193 -420 -73 -157 -320 -651 -358
--717 -18 -32 -49 -87 -68 -123 -20 -36 -54 -97 -77 -136 -49 -85 -47 -109 7
--99 l34 6 -20 -29 c-18 -25 -19 -32 -8 -47 11 -15 18 -16 44 -7 18 6 32 9 32
-7 0 -3 15 3 32 13 31 17 34 17 49 1 12 -11 14 -20 7 -27 -27 -27 -97 -174
--105 -219 -5 -33 17 -29 47 8 62 76 61 76 36 16 -37 -85 -47 -127 -32 -127 28
-0 168 184 238 311 30 54 41 62 93 69 3 1 24 8 47 16 24 9 48 17 53 18 6 2 17
-6 25 9 8 3 33 11 55 17 22 6 49 15 60 20 28 11 118 44 128 46 4 1 8 2 10 4 1
-1 11 3 21 5 10 2 22 7 25 12 3 4 11 9 16 10 6 1 36 13 68 27 31 14 57 23 57
-20 0 -3 7 2 16 10 8 9 20 14 25 11 5 -4 9 -2 9 2 0 12 63 34 108 38 20 2 48 6
-62 9 14 3 39 9 55 12 17 3 35 9 40 13 6 3 12 6 15 6 15 0 100 40 100 47 0 4 6
-8 13 8 14 0 43 30 42 44 0 5 7 10 15 11 74 12 184 66 219 108 7 10 19 17 26
-17 8 0 15 4 17 8 3 9 123 100 233 179 148 105 175 123 184 123 5 0 11 4 13 8
-2 4 25 23 52 42 28 19 57 42 66 50 10 8 41 35 70 60 231 196 359 405 374 609
-3 40 -2 63 -22 104 -24 49 -83 138 -106 163 -6 6 -27 31 -46 54 -19 24 -43 52
--52 62 -10 10 -18 22 -18 26 0 11 48 52 61 52 5 0 7 5 4 10 -3 6 -2 10 4 10
-21 0 112 66 183 133 16 15 31 27 35 27 3 0 13 8 22 18 9 10 54 50 100 90 47
-40 95 88 108 106 58 86 101 250 108 415 3 67 -22 179 -47 209 -8 9 -23 35 -33
-57 -24 47 -165 191 -165 168 0 -4 -4 -3 -8 3 -4 6 -45 31 -92 55 -47 24 -88
-48 -91 52 -3 4 -10 7 -15 5 -5 -1 -19 3 -31 10 -13 7 -23 11 -23 8 0 -3 -16 2
--35 10 -19 8 -35 11 -35 8 0 -4 -6 -2 -12 4 -7 6 -16 10 -21 10 -4 0 -49 6
--100 13 -50 7 -108 13 -127 14 -19 0 -38 5 -42 10 -5 6 -8 5 -8 -3 0 -8 -5
--10 -12 -5 -15 9 -178 12 -178 3z m770 -273 c0 4 5 2 12 -5 7 -7 20 -12 30
--12 10 0 18 -4 18 -10 0 -14 -12 -13 -56 7 -22 9 -43 16 -47 15 -5 -2 -6 2 -2
-8 4 7 12 7 26 0 10 -6 19 -7 19 -3z m-805 -196 c3 -11 13 -18 23 -16 9 2 17 4
-17 5 0 3 41 7 97 12 27 1 48 5 48 8 0 3 52 6 115 7 63 1 115 -2 115 -6 0 -4
-14 -8 31 -8 17 0 35 -6 39 -14 5 -7 12 -10 16 -7 8 9 50 -41 63 -76 13 -33 35
--35 29 -2 -9 43 6 51 46 27 40 -25 41 -29 22 -84 -21 -57 -66 -101 -66 -63 0
-19 -30 29 -31 11 -1 -8 -3 -19 -4 -25 -1 -5 -3 -18 -4 -28 0 -11 -10 -29 -21
--42 -11 -13 -20 -26 -20 -30 0 -3 -8 -15 -17 -26 -10 -10 -30 -35 -45 -54 -42
--56 -86 -100 -99 -100 -6 0 -40 -29 -76 -65 -35 -35 -85 -82 -111 -102 -26
--21 -49 -40 -52 -43 -3 -3 -39 -28 -80 -55 -41 -28 -76 -53 -78 -57 -2 -5 -16
--8 -31 -8 -15 0 -31 -3 -35 -7 -3 -4 -12 -8 -19 -9 -7 -1 -50 -17 -97 -35 -47
--18 -87 -34 -90 -34 -3 -1 -17 -7 -32 -13 -16 -7 -40 -17 -55 -24 -16 -6 -31
--11 -35 -10 -5 1 -8 -3 -8 -8 0 -5 -3 -9 -7 -8 -5 1 -17 -3 -28 -9 -11 -6 -23
--11 -28 -12 -4 0 -27 -9 -51 -20 -24 -10 -54 -22 -65 -26 -19 -6 -20 -4 -11
-19 5 13 21 47 35 75 14 28 27 66 29 84 6 46 42 146 60 166 8 9 46 86 84 171
-38 85 80 178 92 205 13 28 24 52 25 55 0 3 11 28 24 55 12 28 36 83 53 123 17
-39 37 72 44 72 8 0 14 4 14 8 0 5 6 9 13 10 6 0 35 7 62 15 70 21 93 20 100
--2z m915 -93 c0 -15 -15 -8 -28 12 -7 12 -10 26 -6 32 6 10 33 -25 34 -44z
-m-2452 -299 c-7 -5 -22 -9 -33 -9 -19 1 -19 1 -2 15 11 7 26 11 34 8 12 -5 12
--7 1 -14z m117 11 c-3 -5 -11 -10 -16 -10 -6 0 -7 5 -4 10 3 6 11 10 16 10 6
-0 7 -4 4 -10z m-55 -45 c10 -13 9 -15 -8 -15 -15 0 -20 5 -16 15 4 8 7 15 9
-15 1 0 8 -7 15 -15z m-26 -49 c-19 -14 -34 -12 -34 4 0 8 41 19 49 13 3 -2 -4
--10 -15 -17z m1551 -891 c22 -4 49 -7 60 -8 11 -1 22 -4 25 -7 9 -10 65 -33
-74 -31 4 1 5 -11 1 -26 -10 -43 -87 -203 -96 -203 -5 0 -9 -7 -9 -15 0 -8 -3
--15 -7 -15 -5 0 -22 -14 -40 -30 -18 -17 -37 -30 -42 -30 -6 0 -11 -4 -11 -8
-0 -4 -12 -15 -27 -24 -16 -9 -40 -28 -55 -42 -15 -14 -30 -26 -33 -26 -3 0
--16 -10 -29 -22 -12 -13 -38 -34 -56 -48 -18 -14 -56 -43 -84 -65 -28 -23 -73
--55 -101 -73 -27 -17 -54 -35 -60 -39 -20 -17 -221 -138 -260 -157 -22 -11
--43 -19 -47 -18 -5 1 -8 -3 -8 -8 0 -6 -5 -10 -11 -10 -6 0 -24 -9 -40 -21
--16 -11 -29 -17 -29 -12 0 4 -7 -1 -15 -11 -8 -11 -15 -17 -15 -13 0 8 -144
--65 -148 -75 -2 -5 -8 -8 -14 -8 -5 0 -61 -25 -123 -55 -63 -30 -116 -55 -118
--55 -3 0 -22 -8 -43 -17 -45 -19 -77 -26 -71 -16 2 5 111 223 241 485 131 263
-242 481 248 484 5 4 26 8 46 10 38 4 77 11 77 14 0 1 7 3 15 5 36 7 146 36
-160 42 20 8 41 14 62 17 9 1 23 7 31 14 7 7 16 10 19 7 3 -3 25 3 49 14 24 11
-47 17 51 15 4 -3 8 0 8 5 0 6 3 10 8 9 10 -4 133 43 162 61 21 14 23 14 15 1
--7 -12 -6 -13 6 -4 8 5 46 11 84 13 39 2 71 4 73 6 2 1 11 1 20 -1 9 -2 35 -6
-57 -9z m-590 -75 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8
--4 11 -10z m-25 -10 c0 -5 -4 -10 -10 -10 -5 0 -10 5 -10 10 0 6 5 10 10 10 6
-0 10 -4 10 -10z m-270 -1119 c0 -5 -7 -11 -15 -15 -15 -5 -20 5 -8 17 9 10 23
-9 23 -2z m273 -84 c-3 -5 -11 -6 -19 -3 -8 3 -14 2 -14 -3 0 -4 -7 -8 -16 -8
--15 0 -15 2 -1 12 18 13 58 15 50 2z m-383 -51 c0 -2 -11 -11 -25 -20 -20 -13
--23 -13 -19 -2 3 8 13 17 22 19 10 3 18 5 20 6 1 0 2 -1 2 -3z m-125 -68 c-11
--6 -22 -14 -25 -18 -4 -5 -29 -18 -50 -25 -3 -1 -18 -7 -35 -14 -16 -7 -34
--14 -40 -15 -5 -1 -25 -10 -42 -19 -18 -10 -34 -16 -35 -15 -2 1 -48 -20 -103
--46 -112 -54 -150 -63 -172 -41 -8 8 -12 15 -9 15 3 0 8 0 11 0 3 0 20 6 39
-14 19 8 37 12 40 8 3 -3 6 0 6 6 0 6 7 9 15 6 8 -4 15 -1 15 4 0 6 9 9 20 7
-11 -2 20 1 20 6 0 6 4 8 9 4 5 -3 16 1 24 9 8 8 17 13 20 10 3 -3 19 2 36 11
-17 8 31 13 31 9 0 -4 6 -1 13 5 8 6 17 8 20 4 4 -3 7 -1 7 5 0 7 7 12 15 12 8
-0 39 11 69 24 30 13 57 22 60 18 3 -3 6 0 6 6 0 6 8 13 18 15 31 8 37 7 17 -5z
-m-445 -105 c-19 -8 -38 -20 -42 -27 -6 -8 -8 -8 -8 1 0 21 31 43 58 42 26 -1
-26 -1 -8 -16z m-330 -133 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11
-10 2 0 4 -4 4 -10z"/>
-</g>
-</svg>

devtools/client/debugger/new/images/backbone.svg

@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="32" height="32" viewBox="0 0 32 32"><script/>
-  <path fill="#444444" d="M16 9.875l-9.539-5.438v23.698l9.539-5.438 9.539 5.438v-23.698l-9.539 5.438zM11.248 16.286l4.752-2.709 4.752 2.709-4.752 2.709-4.752-2.709zM9.618 9.643l3.399 1.938-3.399 1.938v-3.876zM9.618 19.053l3.145 1.792-3.145 1.793v-3.585zM22.382 22.638l-3.145-1.793 3.145-1.793v3.585zM18.982 11.581l3.399-1.938v3.876l-3.399-1.938z"/>
-</svg>

devtools/client/debugger/new/images/breakpoint.svg

@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 14">
-  <path id="base-path" d="M53.07.5H1.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h51.57a2 2 0 0 0 1.53-.7L59.3 7l-4.7-5.8a2 2 0 0 0-1.53-.7z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 14">
+  <path d="M53.07.5H1.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h51.57a2 2 0 0 0 1.53-.7L59.3 7l-4.7-5.8a2 2 0 0 0-1.53-.7z"/>
 </svg>

devtools/client/debugger/new/images/choo.svg

@@ -1,60 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
-<g id="Layer_2">
-	<path fill="#132028" d="M190.475,376V203.308H81.266c-27.129,0-50.139,26-58.222,62.035c-9.877,1.302-17.62,13.541-17.62,28.455
-		c0,14.914,7.743,27.153,17.62,28.455c7.291,32.507,26.733,56.84,50.385,61.294v68.669h395.95V376H190.475z"/>
-</g>
-<g id="Layer_3">
-	<path fill="#575A5B" d="M490.712,427.977c0,30.941-25.082,56.023-56.023,56.023c-25.804,0-47.519-17.451-54.023-41.19
-		c-6.504,23.739-28.219,41.19-54.023,41.19c-30.941,0-56.023-25.082-56.023-56.023c0-30.941,25.082-56.023,56.023-56.023
-		c25.804,0,47.519,17.451,54.023,41.19c6.504-23.739,28.219-41.19,54.023-41.19C465.629,371.954,490.712,397.036,490.712,427.977z
-		 M161.24,203.308l29.75-113.845H94.232l29.75,113.845h-13.668c-33.865,0-61.319,40.513-61.319,90.489
-		c0,49.976,27.453,90.489,61.319,90.489H294.27V203.308H161.24z M162.321,420.431c-13.164,0-24.458,8.002-29.285,19.408
-		c-4.826-11.405-16.121-19.408-29.284-19.408c-17.554,0-31.785,14.23-31.785,31.784c0,17.554,14.23,31.785,31.785,31.785
-		c13.164,0,24.458-8.002,29.284-19.408C137.863,475.998,149.157,484,162.321,484c17.554,0,31.784-14.23,31.784-31.785
-		C194.106,434.661,179.875,420.431,162.321,420.431z"/>
-</g>
-<g id="Layer_4">
-	<path fill="#FFB636" d="M200.78,384.287h-16.028c-20.105,0-36.403-40.513-36.403-90.489c0-49.976,16.298-90.489,36.403-90.489
-		h16.028c-20.105,0-36.403,40.513-36.403,90.489C164.378,343.773,180.676,384.287,200.78,384.287z M122.236,293.797
-		c0-49.976,16.298-90.489,36.403-90.489H142.61c-20.105,0-36.403,40.513-36.403,90.489c0,49.976,16.298,90.489,36.403,90.489h16.028
-		C138.534,384.287,122.236,343.773,122.236,293.797z"/>
-</g>
-<g id="Layer_5">
-	<path fill="#FF473E" d="M489.353,384.287H294.27V85.761h195.083V384.287z M74.21,384.103h-7.99c-2.436,0-4.707,1.48-6.035,3.934
-		l-43.633,80.594C13.436,474.387,16.874,482,22.587,482h52.826c4.027,0,7.271-3.968,7.199-8.806l-1.203-80.594
-		C81.339,387.883,78.136,384.103,74.21,384.103z"/>
-</g>
-<g id="Layer_6">
-	<path fill="#EF2020" d="M497.28,66.397H286.342c-5.92,0-10.72,4.8-10.72,10.72v1.626c0,5.92,4.8,10.72,10.72,10.72H497.28
-		c5.921,0,10.72-4.8,10.72-10.72v-1.626C508,71.197,503.201,66.397,497.28,66.397z"/>
-</g>
-<g id="Layer_7">
-	<path fill="#76DFFF" d="M371.466,257.523h-40.952c-3.976,0-7.2-3.224-7.2-7.2V124.018c0-3.976,3.224-7.2,7.2-7.2h40.952
-		c3.976,0,7.2,3.224,7.2,7.2v126.305C378.666,254.3,375.442,257.523,371.466,257.523z M460.474,250.323V124.018
-		c0-3.976-3.224-7.2-7.2-7.2h-40.952c-3.976,0-7.2,3.224-7.2,7.2v126.305c0,3.976,3.224,7.2,7.2,7.2h40.952
-		C457.251,257.523,460.474,254.3,460.474,250.323z"/>
-</g>
-<g id="Layer_8">
-	<path fill="#132028" d="M489.353,339.586H294.27v-36.582h195.083V339.586z M111.17,52L94.206,89.463h96.758L174,52H111.17z
-		 M326.643,414.954c-7.192,0-13.023,5.831-13.023,13.023S319.451,441,326.643,441c7.192,0,13.023-5.831,13.023-13.023
-		S333.835,414.954,326.643,414.954z M434.689,414.954c-7.192,0-13.023,5.831-13.023,13.023S427.496,441,434.689,441
-		s13.023-5.831,13.023-13.023S441.881,414.954,434.689,414.954z M103.752,444.827c-4.081,0-7.389,3.308-7.389,7.389
-		s3.308,7.389,7.389,7.389c4.081,0,7.389-3.308,7.389-7.389S107.833,444.827,103.752,444.827z M162.321,444.827
-		c-4.081,0-7.389,3.308-7.389,7.389s3.308,7.389,7.389,7.389s7.389-3.308,7.389-7.389S166.402,444.827,162.321,444.827z"/>
-</g>
-<g id="Layer_9">
-	<path fill="#FFB636" d="M196.709,444.208h-92.957c-4.91,0-8.891-3.98-8.891-8.891s3.98-8.891,8.891-8.891h90.449l36.759-22.53
-		c1.398-0.857,3.006-1.311,4.646-1.311H459.54c4.91,0,8.891,3.98,8.891,8.891s-3.98,8.891-8.891,8.891H238.114l-36.759,22.53
-		C199.957,443.755,198.349,444.208,196.709,444.208z"/>
-</g>
-<g id="Layer_10">
-	<path fill="#ADB7BC" d="M69.849,393.079c-5.787,0-10.485-4.685-10.5-10.475c-0.014-5.799,4.676-10.512,10.475-10.525l413.924-1
-		c0.009,0,0.018,0,0.026,0c5.787,0,10.485,4.685,10.499,10.475c0.014,5.799-4.676,10.512-10.475,10.525l-413.924,1
-		C69.867,393.079,69.857,393.079,69.849,393.079z"/>
-</g>
-</svg>

devtools/client/debugger/new/images/close.svg

@@ -1,7 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16px" height="16px" viewBox="0 0 6 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <path d="M1.35191454,5.27895256 L5.31214367,1.35518468 C5.50830675,1.16082764 5.50977084,0.844248536 5.3154138,0.648085456 C5.12105677,0.451922377 4.80447766,0.450458288 4.60831458,0.644815324 L0.648085456,4.56858321 C0.451922377,4.76294025 0.450458288,5.07951935 0.644815324,5.27568243 C0.83917236,5.47184551 1.15575146,5.4733096 1.35191454,5.27895256 L1.35191454,5.27895256 Z" id="Line" stroke="none" fill="#696969" fill-rule="evenodd"></path>
-  <path d="M5.31214367,4.56858321 L1.35191454,0.644815324 C1.15575146,0.450458288 0.83917236,0.451922377 0.644815324,0.648085456 C0.450458288,0.844248536 0.451922377,1.16082764 0.648085456,1.35518468 L4.60831458,5.27895256 C4.80447766,5.4733096 5.12105677,5.47184551 5.3154138,5.27568243 C5.50977084,5.07951935 5.50830675,4.76294025 5.31214367,4.56858321 L5.31214367,4.56858321 Z" id="Line-Copy-2" stroke="none" fill="#696969" fill-rule="evenodd"></path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M2.88 2.88a.87.87 0 0 1 1.24 0L8 6.76l3.88-3.88a.87.87 0 1 1 1.24 1.24L9.24 8l3.88 3.88a.87.87 0 1 1-1.24 1.24L8 9.24l-3.88 3.88a.88.88 0 0 1-1.24-1.24L6.76 8 2.88 4.12a.88.88 0 0 1 0-1.24z"/>
 </svg>

devtools/client/debugger/new/images/coffeescript.svg

@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg viewBox="0 0 128 128">
-<path d="M50.3 29.6c11.7-1 15-8.5 28.7-9.8 6.7-.6 11 .8 11.4 3.1.4 2.2-2.9 3.7-7 4-5.6.6-8-1.5-8.4-3.4-4.1.4-4.8 2.2-4.6 3.5.4 2.4 5.5 4.7 14.1 3.9 9.8-.8 13-4.6 12.2-8.5-1-5-8.5-9.2-22-8-17.3 1.6-17.2 9.5-28.9 10.5-4.8.4-7.5-.7-8-2.6-.3-1.9 2-2.8 4.8-3 2.6-.2 5.7.2 7.2 1 1.1-.6 1.5-1.1 1.3-1.8-.4-1.8-4-2.6-8.5-2.2-8.7.8-8.7 4.7-8.4 6.4 1.1 4.7 7.8 7.7 16.1 6.9zM108.9 49.4c-10.8 2.5-24.6 4.1-41.2 4.1-16.9 0-30.7-1.8-41.5-4.1-9.6-2.5-14.8-5.2-16.6-8 .9 6.3 2.5 12.4 4.6 18.2-2.4 1.5-4.7 3.5-6.7 6-3.8 4.8-5.5 10.4-5.2 15.9.3 5.5 3 10 7.3 13.5 4.5 3.5 9.3 4.5 14.8 3.5 2.1-.3 4.5-1.5 6.6-2.1-4.5 0-8.3-1.5-12.1-4.5-4.1-3-7-7.3-7.6-12.4-1-4.8 0-9.3 2.7-13.2.6-.8 1.2-1.4 1.9-2 1.5 3.8 3.3 7.4 5.2 10.9 4.1 6.3 8.3 11.8 12.4 17.7 1.8 3.5 3 7 3.8 10.4 2.7 3.8 6.6 6.5 11.4 7.9 5.9 2.1 12.1 2.9 18.4 2.9h.7c6.3 0 12.9-1 19-3 4.5-1.5 8.3-4 11.1-8h.3c.7-3 1.8-6.8 3.5-10.3 4.1-5.9 8.3-11.4 12.4-17.7 5.5-10 9.3-21.4 11.4-33.6-2.1 3-7.3 5.8-16.6 7.9zM26.2 40.7c10.8 2.7 24.6 4.1 41.2 4.1 16.9 0 30.4-1.5 41.2-4.1 11.4-2.7 16.9-6.3 16.9-9.6 0-2.5-2.5-4.8-7-6.6 1 .7 1.8 1.8 1.8 3 0 3.5-5.2 6.3-15.6 8.6-9.6 2.1-22 3.6-37 3.6-14.5 0-27.4-1.5-36.7-3.5-10-2.5-15.3-5.2-15.3-8.6 0-1.5.7-2.7 2.7-4.1-6.3 2.5-9.6 4.5-9.6 7.6.3 3.5 5.9 7 17.4 9.6z"></path>
-</svg> 

devtools/client/debugger/new/images/command-chevron.svg

@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16" v="2">
-  <path fill="context-fill" d="M8.707 7.293l-5-5a1 1 0 0 0-1.414 1.414L6.586 8l-4.293 4.293a1 1 0 1 0 1.414 1.414l5-5a1 1 0 0 0 0-1.414zm6 0l-5-5a1 1 0 0 0-1.414 1.414L12.586 8l-4.293 4.293a1 1 0 1 0 1.414 1.414l5-5a1 1 0 0 0 0-1.414z"></path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M2.293 2.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L6.586 8 2.293 3.707a1 1 0 0 1 0-1.414zM8.293 2.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L12.586 8 8.293 3.707a1 1 0 0 1 0-1.414z"/>
 </svg>

devtools/client/debugger/new/images/disable-pausing.svg

@@ -1,4 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg height="16" viewBox="0 0 15 16" width="15" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(0 1)"><path d="m1.5 13.5 10-13" stroke="#000" stroke-linecap="square"/><path d="m7.58013626 3-.75408823 1h-4.82604803c-.53612439 0-.77556634.12770238-.9020017.32999894-.07178403.11485445-.0979983.24068295-.0979983.27000106v4.8c0 .02931811.02621427.15514661.0979983.27000106.12643536.20229656.36587731.32999894.9020017.32999894h.30151865l-.73328118.9724077c-1.56823747-.2118785-1.56823747-1.5724077-1.56823747-1.5724077v-4.8s0-1.6 2-1.6zm3.94638894.52652517 3.4734748 3.47347483-4 4h-5.10913424l.75408823-1h3.94083241l3-3-2.6672362-2.66723627z" fill="#000" fill-rule="nonzero"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M13.2 1.4L2.6 15.2l-.8-.6L12.4.8l.8.6zM8.58 4l-.75 1H3c-.54 0-.78.13-.9.33a.67.67 0 0 0-.1.27v4.8c0 .03.03.16.1.27.12.2.36.33.9.33h.3l-.73.97C1 11.76 1 10.4 1 10.4V5.6S1 4 3 4h5.58zm3.95.53L16 8l-4 4H6.9l.74-1h3.95l3-3-2.67-2.67.6-.8z"/>
+</svg>

devtools/client/debugger/new/images/domain.svg

@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.05 4.634l-2.144.003-.116.116v1.445l.92.965.492.034.116-.116v-.617L9.13 5.7l.035-.95M12.482 10.38l-1.505-1.462H9.362l-.564.516-.034 1.108.72.768 1.323.034-.117-.116v1.2l.972 1.02.315.034.116-.116v-1.154l.422-.374.034-.927-.117.117h.26l.408-.36V10.5l-.125-.124-.575-.033"/>
-  <path d="M8.47 15.073c-3.088 0-5.6-2.513-5.6-5.602V9.4v-.003c0-.018 0-.018.002-.034l.182-.088.724.587.49.033.497.543-.034.9.317.383h.47l.114.096-.032 1.9.524.553h.105l.025-.338 1.004-.95.054-.474.53-.462v-.888l-.588-.038-1.118-1.155H4.48l-.154-.09V9.01l.155-.1h1.164v-.273l.12-.115.7.033.494-.443.034-.746-.624-.655h-.724v.28l-.11.07H4.64l-.114-.09.025-.64.48-.43v-.244h-.382c-.102 0-.152-.128-.08-.2 1.04-1.01 2.428-1.59 3.903-1.59 1.374 0 2.672.5 3.688 1.39.08.068.03.198-.075.198l-1.144-.034-.81.803.52.523v.16l-.382.388h-.158l-.176-.177v-.16l.076-.074-.252-.252-.37.362.53.53c.072.072.005.194-.096.194l-.752-.005v.844h.783L9.885 8l.16-.143h.16l.62.61v.267l.58.027.003.002V8.76l.18-.03 1.234 1.24.753-.708h.382l.116.108c0 .02.003.016.003.036v.065c0 3.09-2.515 5.603-5.605 5.603M8.47 3C4.904 3 2 5.903 2 9.47c0 3.57 2.903 6.472 6.47 6.472 3.57 0 6.472-2.903 6.472-6.47C14.942 5.9 12.04 3 8.472 3"/>
-</svg>

devtools/client/debugger/new/images/extension.svg

@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="context-fill" d="M14.5 8c-.971 0-1 1-1.75 1a.765.765 0 0 1-.75-.75V5a1 1 0 0 0-1-1H7.75A.765.765 0 0 1 7 3.25c0-.75 1-.779 1-1.75C8 .635 7.1 0 6 0S4 .635 4 1.5c0 .971 1 1 1 1.75a.765.765 0 0 1-.75.75H1a1 1 0 0 0-1 1v2.25A.765.765 0 0 0 .75 8c.75 0 .779-1 1.75-1C3.365 7 4 7.9 4 9s-.635 2-1.5 2c-.971 0-1-1-1.75-1a.765.765 0 0 0-.75.75V15a1 1 0 0 0 1 1h3.25a.765.765 0 0 0 .75-.75c0-.75-1-.779-1-1.75 0-.865.9-1.5 2-1.5s2 .635 2 1.5c0 .971-1 1-1 1.75a.765.765 0 0 0 .75.75H11a1 1 0 0 0 1-1v-3.25a.765.765 0 0 1 .75-.75c.75 0 .779 1 1.75 1 .865 0 1.5-.9 1.5-2s-.635-2-1.5-2z"></path>
-</svg>

devtools/client/debugger/new/images/file-small.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <path d="M1 1a1 1 0 0 1 1-1h5.74a1 1 0 0 1 .82.42l2.25 3.16a1 1 0 0 1 .19.58V11a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V1zm6.74 0H2v10h8V4.16L7.74 1zM7 4V1h1v3h2v1H8a1 1 0 0 1-1-1z"/>
+</svg>

devtools/client/debugger/new/images/file.svg

@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 2v12h9V4.775L9.888 2H4zm0-1h5.888c.246 0 .483.09.666.254l3.112 2.774c.212.19.334.462.334.747V14c0 .552-.448 1-1 1H4c-.552 0-1-.448-1-1V2c0-.552.448-1 1-1z"/>
-  <path d="M9 1.5v4c0 .325.306.564.62.485l4-1c.27-.067.432-.338.365-.606-.067-.27-.338-.432-.606-.365l-4 1L10 5.5v-4c0-.276-.224-.5-.5-.5s-.5.224-.5.5z"/>
-</svg>

devtools/client/debugger/new/images/folder.svg

@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2 5.193v7.652c0 .003-.002 0 .007 0H14v-7.69c0-.003.002 0-.007 0h-7.53v-2.15c0-.002-.004-.005-.01-.005H2.01C2 3 2 3 2 3.005V5.193zm-1 0V3.005C1 2.45 1.444 2 2.01 2h4.442c.558 0 1.01.45 1.01 1.005v1.15h6.53c.557 0 1.008.44 1.008 1v7.69c0 .553-.45 1-1.007 1H2.007c-.556 0-1.007-.44-1.007-1V5.193zM6.08 4.15H2v1h4.46v-1h-.38z" fill-rule="evenodd"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M1 3a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3zm6 0H2v1h5V3zM2 5v8h12V5H2z"/>
 </svg>

devtools/client/debugger/new/images/globe-small.svg

@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <path d="M6 1a5 5 0 1 0 0 10A5 5 0 0 0 6 1zM0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6zM1 4h10v1H1V4zM1 7h10v1H1V7z"/>
+  <path fill-rule="evenodd" d="M7.23 9.8C7.69 8.88 8 7.54 8 6s-.31-2.88-.77-3.8C6.73 1.23 6.25 1 6 1s-.74.23-1.23 1.2A8.74 8.74 0 0 0 4 6c0 1.54.31 2.88.77 3.8.5.97.98 1.2 1.23 1.2s.74-.23 1.23-1.2zM6 12c1.66 0 3-2.69 3-6S7.66 0 6 0 3 2.69 3 6s1.34 6 3 6z"/>
+</svg>

devtools/client/debugger/new/images/globe.svg

@@ -0,0 +1,9 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M2 5h12v1H2V5zM2 10h12v1H2v-1zM11.02 12.69C10.42 13.89 9.42 15 8 15c-1.41 0-2.42-1.12-3.02-2.31A10.72 10.72 0 0 1 4 8c0-1.78.36-3.44.98-4.69C5.58 2.11 6.58 1 8 1c1.41 0 2.42 1.12 3.02 2.31.62 1.25.98 2.91.98 4.69 0 1.78-.36 3.44-.98 4.69zM8 14c1.66 0 3-2.69 3-6S9.66 2 8 2 5 4.69 5 8s1.34 6 3 6zM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-8 6A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/>
+</svg>

devtools/client/debugger/new/images/immutable.svg

@@ -1,25 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M247 1663 c-4 -3 -7 -235 -7 -515 l0 -508 175 0 175 0 0 515 0 515
--168 0 c-93 0 -172 -3 -175 -7z m183 -508 c0 -336 -2 -385 -15 -385 -13 0 -15
-49 -15 385 0 336 2 385 15 385 13 0 15 -49 15 -385z"/>
-<path d="M697 1664 c-4 -4 -7 -236 -7 -516 l0 -508 165 0 165 0 2 181 3 181
-99 -146 c54 -80 102 -146 106 -146 3 0 51 66 106 148 l99 147 3 -182 2 -183
-160 0 160 0 0 515 0 515 -132 0 -133 -1 -130 -194 c-71 -107 -132 -194 -135
--194 -3 -1 -64 86 -135 192 l-131 192 -130 3 c-71 1 -133 -1 -137 -4z m356
--374 c92 -138 172 -250 176 -250 4 0 84 112 177 250 112 166 175 250 187 250
-16 0 17 -25 17 -385 0 -336 -2 -385 -15 -385 -13 0 -15 46 -15 350 0 193 -4
-350 -8 350 -4 0 -82 -108 -172 -240 -90 -132 -167 -240 -171 -240 -4 0 -81
-108 -171 240 -90 131 -166 239 -170 240 -5 0 -8 -157 -8 -350 0 -304 -2 -350
--15 -350 -13 0 -15 49 -15 385 0 360 1 385 18 385 11 -1 74 -86 185 -250z"/>
-</g>
-</svg>

devtools/client/debugger/new/images/javascript.svg

@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28">
-<path d="M9.633 7.968h3.751v10.514c0 4.738-2.271 6.392-5.899 6.392-0.888 0-2.024-0.148-2.764-0.395l0.42-3.036c0.518 0.173 1.185 0.296 1.925 0.296 1.58 0 2.567-0.716 2.567-3.282v-10.489zM16.641 20.753c0.987 0.518 2.567 1.037 4.171 1.037 1.728 0 2.641-0.716 2.641-1.826 0-1.012-0.79-1.629-2.789-2.32-2.764-0.987-4.59-2.517-4.59-4.961 0-2.838 2.394-4.985 6.293-4.985 1.9 0 3.258 0.37 4.245 0.839l-0.839 3.011c-0.642-0.321-1.851-0.79-3.455-0.79-1.629 0-2.419 0.765-2.419 1.604 0 1.061 0.913 1.53 3.085 2.369 2.937 1.086 4.294 2.616 4.294 4.985 0 2.789-2.122 5.158-6.688 5.158-1.9 0-3.776-0.518-4.714-1.037l0.765-3.085z"></path>
-</svg>
-

devtools/client/debugger/new/images/loader.svg

@@ -1,13 +1,7 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-  width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
-  <path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
-    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
-    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/>
-  <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
-    C22.32,8.481,24.301,9.057,26.013,10.047z">
-  </path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path opacity=".2" d="M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2zm0 10.67a4.67 4.67 0 1 1 0-9.34 4.67 4.67 0 0 1 0 9.34z"/>
+  <path d="M10.33 3.96L11 2.8C10.1 2.3 9.1 2 8 2v1.33c.85 0 1.65.23 2.33.63z"/>
 </svg>
-

devtools/client/debugger/new/images/lodash.svg

@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2500 2500">
-  <path d="M70 188.5h220v1460h870v180H70v-1640zm1776 396c-225-3-450 140-520 357-100 250-54 564 142 755 190 158 476 170 690 58 147-78 240-233 260-396 26-170 13-356-70-510-98-164-290-270-480-263l-22-3zm20 174c165 0 313 126 340 288 50 183 20 407-130 536-140 114-365 98-480-43-140-150-140-380-68-560 50-130 183-223 323-220h18z" fill="#000000" />
-  <path d="M70 2061.5h2360v250H70v-250z" fill="#3492ff"/>
-</svg>

devtools/client/debugger/new/images/mobx.svg

@@ -1,44 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 1200 1200" style="enable-background:new 0 0 1200 1200;" xml:space="preserve">
-<style type="text/css">
-	.st0{clip-path:url(#SVGID_2_);}
-	.st1{fill:url(#SVGID_3_);}
-	.st2{fill:url(#SVGID_4_);}
-	.st3{opacity:0.28;fill:#C24411;}
-	.st4{fill:#FFFFFF;}
-</style>
-<g>
-	<defs>
-		<path id="SVGID_1_" d="M1088.7,1165.5H111.3c-42.4,0-76.7-34.4-76.7-76.7V111.3c0-42.4,34.4-76.7,76.7-76.7h977.4
-			c42.4,0,76.7,34.4,76.7,76.7v977.4C1165.5,1131.1,1131.1,1165.5,1088.7,1165.5z"/>
-	</defs>
-	<clipPath id="SVGID_2_">
-		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
-	</clipPath>
-	<g class="st0">
-		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="426.6738" y1="482.4993" x2="1284.413" y2="1239.9835">
-			<stop  offset="0" style="stop-color:#F77122"/>
-			<stop  offset="1" style="stop-color:#D6560A"/>
-		</linearGradient>
-		<polygon class="st1" points="573.6,1896.7 -87.9,1286.6 1204.5,-115 1866,495 		"/>
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="1128.9907" y1="-135.8044" x2="-496.2911" y2="788.1552">
-			<stop  offset="0" style="stop-color:#D6560A"/>
-			<stop  offset="1" style="stop-color:#F77122"/>
-		</linearGradient>
-		<polygon class="st2" points="-66.9,1307.6 -644.1,775.5 648.4,-626.1 1225.5,-94 		"/>
-
-			<rect x="-143.7" y="-143.6" transform="matrix(0.9658 -0.2591 0.2591 0.9658 -201.3159 92.1307)" class="st3" width="785" height="1906.5"/>
-	</g>
-</g>
-<g>
-	<path class="st4" d="M384.9,900.1H245.4v-45.3h85.6V345.2h-85.6v-45.3h139.5V900.1z"/>
-	<path class="st4" d="M745.7,463c-16.1,60.4-35,118.2-56.7,173.6c-21.7,55.4-42.7,105-62.9,148.8H574
-		c-20.3-43.8-41.2-93.4-62.9-148.8c-21.7-55.4-40.6-113.2-56.7-173.6h62c5,20.3,10.8,41.9,17.7,64.8s14,45.7,21.7,68.2
-		c7.6,22.5,15.4,44.3,23.2,65.4c7.8,21.1,15.3,39.9,22.3,56.4c7-16.5,14.5-35.3,22.3-56.4c7.8-21.1,15.6-42.9,23.2-65.4
-		c7.6-22.5,14.9-45.3,21.7-68.2s12.7-44.5,17.7-64.8H745.7z"/>
-	<path class="st4" d="M815.1,299.9h139.5v45.3h-85.6v509.6h85.6v45.3H815.1V299.9z"/>
-</g>
-</svg>

devtools/client/debugger/new/images/moz.build

@@ -5,65 +5,44 @@
 # License, v. 2.0. If a copy of the MPL was not distributed with this
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
+DIRS += [
+  'sources',
+]
+
 DevToolsModules(
-    'aframe.svg',
-    'angular.svg',
     'arrow-down.svg',
     'arrow-up.svg',
     'arrow.svg',
-    'babel.svg',
-    'backbone.svg',
     'blackBox.svg',
     'breadcrumbs-divider.svg',
     'breakpoint.svg',
     'case-match.svg',
-    'choo.svg',
     'close.svg',
-    'coffeescript.svg',
     'command-chevron.svg',
     'disable-pausing.svg',
-    'dojo.svg',
-    'domain.svg',
-    'ember.svg',
-    'extension.svg',
-    'file.svg',
+    'file-small.svg',
     'folder.svg',
+    'globe-small.svg',
+    'globe.svg',
     'help.svg',
     'home.svg',
-    'immutable.svg',
-    'javascript.svg',
-    'jquery.svg',
     'loader.svg',
-    'lodash.svg',
-    'magnifying-glass.svg',
-    'marko.svg',
-    'mobx.svg',
     'next-circle.svg',
     'next.svg',
-    'nextjs.svg',
-    'nuxtjs.svg',
     'pane-collapse.svg',
     'pane-expand.svg',
     'pause.svg',
     'plus.svg',
-    'preact.svg',
     'prettyPrint.svg',
-    'pug.svg',
-    'react.svg',
-    'redux.svg',
     'regex-match.svg',
     'reload.svg',
     'resume.svg',
-    'rxjs.svg',
-    'sencha-extjs.svg',
+    'rewind.svg',
+    'search.svg',
     'stepIn.svg',
     'stepOut.svg',
     'stepOver.svg',
     'tab.svg',
-    'typescript.svg',
-    'underscore.svg',
-    'vuejs.svg',
-    'webpack.svg',
     'whole-word-match.svg',
     'worker.svg',
 )

devtools/client/debugger/new/images/next.svg

@@ -5,4 +5,4 @@
      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">
 <path d="M12.4,2.1c-0.3,0-0.5,0.2-0.5,0.5v4.8c0,0-0.1-0.1-0.1-0.1l-7.4-5C3.8,1.8,3,2.2,3,3v10c0,0.8,0.8,1.3,1.4,0.8l7.4-5
     c0.1,0,0.1-0.1,0.1-0.1v4.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-11C12.9,2.3,12.7,2.1,12.4,2.1z M3.9,13V3l7.4,5L3.9,13z"/>
-</svg>
+</svg>

devtools/client/debugger/new/images/plus.svg

@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.5 8.5V14a.5.5 0 1 1-1 0V8.5H2a.5.5 0 0 1 0-1h5.5V2a.5.5 0 0 1 1 0v5.5H14a.5.5 0 1 1 0 1H8.5z" fill-rule="evenodd"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M14 7H9V2a1 1 0 0 0-2 0v5H2a1 1 0 1 0 0 2h5v5a1 1 0 0 0 2 0V9h5a1 1 0 0 0 0-2z"/>
 </svg>

devtools/client/debugger/new/images/react.svg

@@ -1,8 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="32" viewBox="0 -2.5 34 32">
-<path d="M19.314 15.987c0 1.321-1.071 2.392-2.392 2.392s-2.392-1.071-2.392-2.392c0-1.321 1.071-2.392 2.392-2.392s2.392 1.071 2.392 2.392z"></path>
-<path d="M16.922 24.783c1.878 1.826 3.729 2.906 5.221 2.906 0.489 0 0.952-0.103 1.337-0.334 1.337-0.772 1.826-2.701 1.363-5.453-0.077-0.489-0.18-0.977-0.309-1.492 0.514-0.154 0.977-0.309 1.44-0.463 2.598-1.003 4.038-2.392 4.038-3.909 0-1.543-1.44-2.932-4.038-3.909-0.463-0.18-0.926-0.334-1.44-0.463 0.129-0.514 0.232-1.003 0.309-1.492 0.437-2.803-0.051-4.758-1.389-5.53-0.386-0.231-0.849-0.334-1.337-0.334-1.466 0-3.344 1.080-5.221 2.906-1.852-1.826-3.704-2.906-5.195-2.906-0.489 0-0.952 0.103-1.337 0.334-1.337 0.772-1.826 2.701-1.363 5.453 0.077 0.489 0.18 0.977 0.309 1.492-0.514 0.154-0.977 0.309-1.44 0.463-2.598 1.003-4.038 2.392-4.038 3.909 0 1.543 1.44 2.932 4.038 3.909 0.463 0.18 0.926 0.334 1.44 0.463-0.129 0.514-0.232 1.003-0.309 1.492-0.437 2.752 0.051 4.707 1.363 5.453 0.386 0.232 0.849 0.334 1.337 0.334 1.492 0.051 3.344-1.029 5.221-2.829v0zM15.481 21.311c0.463 0.026 0.952 0.026 1.44 0.026s0.977 0 1.44-0.026c-0.463 0.617-0.952 1.183-1.44 1.723-0.489-0.54-0.977-1.106-1.44-1.723zM12.292 18.662c0.257 0.437 0.489 0.849 0.772 1.26-0.797-0.103-1.543-0.232-2.263-0.386 0.232-0.694 0.489-1.415 0.797-2.135 0.206 0.411 0.437 0.849 0.694 1.26zM10.8 12.463c0.72-0.154 1.466-0.283 2.263-0.386-0.257 0.412-0.514 0.823-0.772 1.26s-0.489 0.849-0.694 1.286c-0.334-0.746-0.592-1.466-0.797-2.161zM12.215 15.987c0.334-0.694 0.694-1.389 1.106-2.083 0.386-0.669 0.823-1.337 1.26-2.006 0.772-0.051 1.543-0.077 2.341-0.077 0.823 0 1.595 0.026 2.341 0.077 0.463 0.669 0.874 1.337 1.26 2.006 0.412 0.694 0.772 1.389 1.106 2.083-0.334 0.694-0.694 1.389-1.106 2.083-0.386 0.669-0.823 1.337-1.26 2.006-0.772 0.051-1.543 0.077-2.341 0.077-0.823 0-1.595-0.026-2.341-0.077-0.463-0.669-0.874-1.337-1.26-2.006-0.412-0.695-0.772-1.389-1.106-2.083v0zM22.272 14.598l-0.694-1.286c-0.257-0.437-0.489-0.849-0.772-1.26 0.797 0.103 1.543 0.232 2.263 0.386-0.231 0.72-0.489 1.44-0.797 2.161v0zM22.272 17.376c0.309 0.72 0.566 1.44 0.797 2.135-0.72 0.154-1.466 0.283-2.263 0.386 0.257-0.412 0.514-0.823 0.772-1.26 0.232-0.386 0.463-0.823 0.694-1.26v0zM22.863 26.301c-0.206 0.129-0.463 0.18-0.746 0.18-1.26 0-2.829-1.029-4.372-2.572 0.746-0.797 1.466-1.698 2.186-2.701 1.209-0.103 2.366-0.283 3.447-0.54 0.129 0.463 0.206 0.926 0.283 1.389 0.36 2.186 0.077 3.755-0.797 4.244zM24.201 12.746c2.881 0.823 4.604 2.083 4.604 3.241 0 1.003-1.183 2.006-3.266 2.804-0.412 0.154-0.874 0.309-1.337 0.437-0.334-1.055-0.746-2.135-1.26-3.241 0.514-1.106 0.952-2.186 1.26-3.241v0zM22.143 5.493c0.283 0 0.514 0.051 0.746 0.18 0.849 0.489 1.157 2.032 0.797 4.244-0.077 0.437-0.18 0.9-0.283 1.389-1.080-0.232-2.238-0.412-3.447-0.54-0.694-1.003-1.44-1.903-2.186-2.701 1.543-1.518 3.112-2.572 4.372-2.572zM18.362 10.663c-0.463-0.026-0.952-0.026-1.44-0.026s-0.977 0-1.44 0.026c0.463-0.617 0.952-1.183 1.44-1.723 0.489 0.54 0.977 1.132 1.44 1.723v0zM10.98 5.673c0.206-0.129 0.463-0.18 0.746-0.18 1.26 0 2.829 1.029 4.372 2.572-0.746 0.797-1.466 1.697-2.186 2.701-1.209 0.103-2.366 0.283-3.447 0.54-0.129-0.463-0.206-0.926-0.283-1.389-0.36-2.186-0.077-3.729 0.797-4.244v0zM9.643 19.228c-2.881-0.823-4.604-2.083-4.604-3.241 0-1.003 1.183-2.006 3.266-2.803 0.412-0.154 0.874-0.309 1.337-0.437 0.334 1.055 0.746 2.135 1.26 3.241-0.514 1.106-0.952 2.212-1.26 3.241zM10.183 22.057c0.077-0.437 0.18-0.9 0.283-1.389 1.080 0.232 2.238 0.412 3.447 0.54 0.694 1.003 1.44 1.903 2.186 2.701-1.543 1.517-3.112 2.572-4.372 2.572-0.283 0-0.514-0.051-0.746-0.18-0.875-0.489-1.157-2.058-0.797-4.244z"></path>
-</svg>

devtools/client/debugger/new/images/redux.svg

@@ -1,10 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-  <g fill="#764ABC">
-    <path d="M65.6 65.4c2.9-.3 5.1-2.8 5-5.8-.1-3-2.6-5.4-5.6-5.4h-.2c-3.1.1-5.5 2.7-5.4 5.8.1 1.5.7 2.8 1.6 3.7-3.4 6.7-8.6 11.6-16.4 15.7-5.3 2.8-10.8 3.8-16.3 3.1-4.5-.6-8-2.6-10.2-5.9-3.2-4.9-3.5-10.2-.8-15.5 1.9-3.8 4.9-6.6 6.8-8-.4-1.3-1-3.5-1.3-5.1-14.5 10.5-13 24.7-8.6 31.4 3.3 5 10 8.1 17.4 8.1 2 0 4-.2 6-.7 12.8-2.5 22.5-10.1 28-21.4z"/>
-    <path d="M83.2 53c-7.6-8.9-18.8-13.8-31.6-13.8H50c-.9-1.8-2.8-3-4.9-3h-.2c-3.1.1-5.5 2.7-5.4 5.8.1 3 2.6 5.4 5.6 5.4h.2c2.2-.1 4.1-1.5 4.9-3.4H52c7.6 0 14.8 2.2 21.3 6.5 5 3.3 8.6 7.6 10.6 12.8 1.7 4.2 1.6 8.3-.2 11.8-2.8 5.3-7.5 8.2-13.7 8.2-4 0-7.8-1.2-9.8-2.1-1.1 1-3.1 2.6-4.5 3.6 4.3 2 8.7 3.1 12.9 3.1 9.6 0 16.7-5.3 19.4-10.6 2.9-5.8 2.7-15.8-4.8-24.3z"/>
-    <path d="M32.4 67.1c.1 3 2.6 5.4 5.6 5.4h.2c3.1-.1 5.5-2.7 5.4-5.8-.1-3-2.6-5.4-5.6-5.4h-.2c-.2 0-.5 0-.7.1-4.1-6.8-5.8-14.2-5.2-22.2.4-6 2.4-11.2 5.9-15.5 2.9-3.7 8.5-5.5 12.3-5.6 10.6-.2 15.1 13 15.4 18.3 1.3.3 3.5 1 5 1.5-1.2-16.2-11.2-24.6-20.8-24.6-9 0-17.3 6.5-20.6 16.1-4.6 12.8-1.6 25.1 4 34.8-.5.7-.8 1.8-.7 2.9z"/>
-  </g>
-</svg>

devtools/client/debugger/new/images/resume.svg

@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg  xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <path fill="black" id="svg_1" fill-rule="evenodd" d="m4.55195,12.97461l7.4,-5l-7.4,-5l0,10zm-0.925,0l0,-10c0,-0.785 0.8,-1.264 1.415,-0.848l7.4,5c0.58,0.392 0.58,1.304 0,1.696l-7.4,5c-0.615,0.416 -1.415,-0.063 -1.415,-0.848z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+<path d="M5 3v10l7-5-7-5zM4 3c0-.81.92-1.31 1.58-.84l7 5.03a1 1 0 0 1 0 1.62l-7 5.03C4.92 14.31 4 13.81 4 13V3z"/>
 </svg>

devtools/client/debugger/new/images/rewind.svg

@@ -1,7 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path class="st0" d="M9 9.3l3.6 3.6"/>
-  <ellipse fill="transparent" cx="5.9" cy="6.2" rx="4.5" ry="4.5"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M12 13V3L5 8l7 5zm1 0c0 .81-.92 1.31-1.58.84l-7-5.03a1 1 0 0 1 0-1.62l7-5.03c.66-.47 1.58.03 1.58.84v10z"/>
 </svg>

devtools/client/debugger/new/images/rxjs.svg

@@ -1,35 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="256px" height="247px" viewBox="0 0 256 247" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-    <defs>
-        <radialGradient cx="78.7636112%" cy="37.8476394%" fx="78.7636112%" fy="37.8476394%" r="89.8725577%" id="radialGradient-1">
-            <stop stop-color="#F80090" offset="0%"></stop>
-            <stop stop-color="#4D008E" offset="100%"></stop>
-        </radialGradient>
-        <radialGradient cx="68.7389016%" cy="4.39833672%" fx="68.7389016%" fy="4.39833672%" r="81.7284786%" id="radialGradient-2">
-            <stop stop-color="#57008E" offset="0%"></stop>
-            <stop stop-color="#5C008E" offset="29.1746283%"></stop>
-            <stop stop-color="#F80090" offset="100%"></stop>
-        </radialGradient>
-        <linearGradient x1="18.2386532%" y1="0%" x2="81.1591125%" y2="84.3374763%" id="linearGradient-3">
-            <stop stop-color="#F70090" offset="0%"></stop>
-            <stop stop-color="#E50090" offset="66.9712865%"></stop>
-            <stop stop-color="#D6008F" stop-opacity="0.2" offset="82.7147533%"></stop>
-            <stop stop-color="#C10090" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="64.9060589%" y1="71.5585538%" x2="44.2897699%" y2="50%" id="linearGradient-4">
-            <stop stop-color="#B2008F" stop-opacity="0.151340138" offset="0%"></stop>
-            <stop stop-color="#F70090" stop-opacity="0.4" offset="40.0350765%"></stop>
-            <stop stop-color="#F60090" stop-opacity="0.891668" offset="64.8995536%"></stop>
-            <stop stop-color="#FF0090" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-	<g>
-		<path d="M16.6852208,157.125328 C3.56690702,87.3798324 38.2363025,20.1145078 117.808706,11.1662199 C106.835616,-0.558801732 91.8452087,-0.646905628 84.9481697,0.779380087 C72.770288,4.66044372 73.1525932,12.540855 59.3390152,22.7199675 C45.6064437,30.5634307 38.7094156,24.5568182 28.7057455,32.6879515 C18.7234849,40.7583874 25.6888528,59.2851732 21.5022823,62.8870857 C17.3464381,70.0905489 4.45500952,76.5077264 2.10834286,85.6062545 C0.168948918,97.2420641 7.37241212,105.553752 7.09535584,115.527778 C7.92652468,123.839467 -1.17920693,128.539449 0.129052814,135.275796 C4.0477368,146.281025 11.600845,152.904887 15.1615723,155.958047 C15.9781085,156.533531 16.8404881,157.95083 16.6852208,157.125328 L16.6852208,157.125328 Z" fill="#FF0090"></path>
-		<path d="M158.275491,60.578542 C155.368486,60.578542 153.011422,58.2214776 153.011422,55.3144727 C153.011422,52.4074679 155.368486,50.0504035 158.275491,50.0504035 C161.182496,50.0504035 163.53956,52.4074679 163.53956,55.3144727 C163.53956,58.2214776 161.182496,60.578542 158.275491,60.578542 L158.275491,60.578542 Z M19.7566405,164.732808 C7.1500258,104.116773 46.1602355,53.4676156 121.704062,78.4026805 C166.031404,104.334594 221.793282,102.646102 224.307422,85.8832 C230.514061,65.7878769 196.047681,24.3767065 144.515214,13.5715117 C42.2814476,-6.37654026 -12.8335943,104.116774 19.7566405,164.732808 L19.7566405,164.732808 Z" fill="url(#radialGradient-1)"></path>
-		<path d="M187.458604,171.493257 C202.639072,173.137863 217.048769,169.494573 230.402327,158.61014 C210.228197,181.112651 185.002777,192.426521 156.059262,195.505171 C169.878829,207.254019 183.20579,212.546348 195.955366,210.281136 C160.528734,220.05679 130.847947,209.296529 94.7424273,173.340673 C92.8517347,183.020022 103.074741,198.100667 113.611745,207.727264 C52.4742909,181.221845 47.1143627,98.6544556 121.66531,78.3442237 C44.3844415,41.214641 0.686373501,113.357693 22.1558444,172.485931 C43.1623368,218.026693 99.1402667,253.085223 160.492163,245.3753 C190.292928,241.7251 234.79401,221.178935 252.973664,172.485931 C240.160919,183.983766 217.257941,193.997836 207.037617,194.765984 C241.628648,177.478781 260.301586,148.103896 255.060336,107.955387 C247.895106,125.013742 238.441392,138.114625 226.616076,147.112305 C251.735653,107.955387 247.425219,87.716426 228.832526,65.4732398 C242.131228,102.044668 224.928249,142.633967 187.458604,171.493257 L187.458604,171.493257 Z" fill="url(#radialGradient-2)"></path>
-		<path d="M169.707072,213.625541 C167.082407,213.13513 175.656929,217.098842 159.079366,212.710316 C142.501804,208.32179 125.622502,204.092744 94.7424273,173.340673 C92.8517347,183.020022 103.074741,198.100667 113.611745,207.727264 C142.056275,227.564927 122.711866,218.286797 166.051946,233.269481 C169.52976,226.346862 169.707072,220.195346 169.707072,213.625541 L169.707072,213.625541 Z" fill="url(#linearGradient-3)"></path>
-		<path d="M114.601372,57.8510108 C114.601372,57.8510108 118.369452,52.2893628 119.836219,49.7810251 C121.633641,46.7072319 124.393939,41.104618 124.393939,41.104618 C124.393939,41.104618 95.389611,31.6417749 88.2716448,30.4871665 C66.1450215,36.2308801 66.0645022,45.5009559 78.435065,59.690116 C79.8114806,61.2693368 114.601372,57.8510108 114.601372,57.8510108 L114.601372,57.8510108 Z" fill="url(#linearGradient-4)"></path>
-	</g>
-</svg>

devtools/client/debugger/new/images/search.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M14.293 15.707a1.01 1.01 0 0 0 1.402-.012 1.01 1.01 0 0 0 .012-1.402L10.89 9.476a6 6 0 1 0-1.414 1.414l4.817 4.817zM8.828 8.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656z"/>
+</svg>

devtools/client/debugger/new/images/sencha-extjs.svg

@@ -1,48 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   version="1.1"
-   id="svg2"
-   viewBox="0 0 34 34"
-   height="34"
-   width="34">
-  <defs
-     id="defs4">
-    <linearGradient
-       id="linearGradient4275">
-      <stop
-         id="stop4277"
-         offset="0"
-         style="stop-color:#006e00;stop-opacity:1" />
-      <stop
-         style="stop-color:#00cc00;stop-opacity:1;"
-         offset="0.55349338"
-         id="stop4283" />
-      <stop
-         id="stop4279"
-         offset="1"
-         style="stop-color:#eeff2a;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient
-       gradientTransform="matrix(0.03267513,0,0,0.03267513,5.555801,1018.6805)"
-       gradientUnits="userSpaceOnUse"
-       y2="275.13159"
-       x2="162.84953"
-       y1="823.703"
-       x1="555.89331"
-       id="linearGradient4281"
-       xlink:href="#linearGradient4275" />
-  </defs>
-  <g
-     transform="translate(0,-1018.3622)"
-     id="layer1">
-    <path
-       id="path4136"
-       d="m 13.661978,1019.0545 c -9.6447445,1.1926 -10.316754,13.2244 -4.2596149,18.1959 6.0571409,4.9714 13.9697969,9.3171 10.7466029,14.4295 9.372821,-1.0092 10.165143,-10.5469 5.793842,-15.3419 -4.371301,-4.7949 -17.4582341,-10.442 -12.28083,-17.2835 z"
-       style="opacity:1;fill:url(#linearGradient4281);fill-opacity:1;stroke:#000080;stroke-width:0.29986507;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
-  </g>
-</svg>

devtools/client/debugger/new/images/sources/aframe.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M5.01 2.36L1.5 14h2.86l.58-2.5h3.41l.6 2.5h2.92L10.5 9.5H5.4l1.23-5.14v-2H5.01zM5.74 2.88l1.7 2.65 2.65-1.7-1.7-2.66-2.65 1.7zM10 10.34l2.95-2.35-2.35-2.95-2.95 2.35L10 10.34zM14.5 1.4L10.82.56 10 4.25l3.68.82.82-3.68z" fill="#EF2D5E"/>
+</svg>

devtools/client/debugger/new/images/sources/angular.svg

@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M.97 3.07L7.9.6l7.12 2.43-1.15 9.18-5.97 3.3-5.88-3.26L.97 3.07z" fill="#E23237"/>
+  <path d="M15.03 3.03L7.91.6v14.91l5.97-3.3 1.15-9.18z" fill="#B52E31"/>
+  <path d="M7.92 2.34l-4.33 9.62 1.62-.03.87-2.17h3.88l.95 2.2 1.54.03-4.53-9.65zm0 3.08L9.4 8.48H6.64l1.29-3.06z" fill="#fff"/>
+</svg>

devtools/client/debugger/new/images/sources/babel.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8.71 2.45c-.68.17-1.36.37-2.02.65-.05.03-.15.02-.17.06-.18.19-.5.3-.69.46a1.5 1.5 0 0 1-.28.17c-.06.02-.33.16-.33.23 0 .06.37 0 .37.04l-.27.24c-.24.2-.51.46-.8.57-.06.02-.27.33-.55.33-.08 0-.08 0-.08.27v.26c.12 0 .35.16.43.13.19-.1.34-.3.5-.44.16-.12.2-.04.34 0 .04 0 .1-.01.2-.08.34-.22.83-.65 1.24-.76.07 0 .2-.1.24.03.02.08-.16.6-.34 1-.37.8-.67 1.64-1.03 2.44l-1.04 2.27c-.24.53-1.06 2.17-1.19 2.4-.16.28-.31.57-.48.85-.04.07 0 .5.04.57.13.16.4-.18.53-.05.12.1-.3.65-.33.82-.02.1.06.1.16-.03.2-.25.2-.25.12-.05-.13.28-.16.42-.11.42.1 0 .56-.61.8-1.04.1-.17.13-.2.3-.22.26-.1.55-.16.8-.27.6-.23 1.19-.51 1.81-.65 1.02-.46 1.71-.88 2.58-1.5.44-.32.87-.6 1.28-.95.77-.65 1.2-1.34 1.25-2.02a.58.58 0 0 0-.07-.35c-.1-.2-.22-.37-.36-.54-.1-.1-.38-.35-.38-.47 0-.28 1.24-1.03 1.36-1.14.15-.13.31-.3.36-.35.19-.28.33-.83.36-1.38.01-.35-.14-.6-.27-.88-.2-.34-.51-.6-.88-.76a3.5 3.5 0 0 0-1.21-.4c-.2-.03-.43 0-.63-.05-.44-.1-1.18.08-1.56.17zm1.3 1.38c.15 0 .93-.12.93-.03 0 .03.4.08.5.35.04.1.12.1.1 0-.03-.14.02-.17.15-.1.13.1.14.1.07.29-.07.2-.22.34-.22.2 0-.05-.1-.1-.1-.02-.04.28-.2.46-.37.68-.35.46-.9.9-1.4 1.2-.38.28-.82.38-1.26.56l-.92.39c-.07.02-.07 0-.04-.07.11-.3.21-.86.41-1.08.03-.03.15-.3.28-.57l.65-1.46c.05-.13.12-.24.14-.24.06 0 .23-.1.3-.1.22-.07.5.02.79 0h-.01zm.25 4.7a3.2 3.2 0 0 1-.32.76c-.24.35-.69.6-1.03.87-.52.4-1.08.82-1.68 1.1-.47.33-.99.53-1.5.78l-.39.18c-.05 0-.39.13-.38.1l.8-1.6c.44-.88.81-1.6.83-1.61.1-.08.33-.07.46-.1.82-.16 1.52-.61 2.18-.65.3-.01.79.08 1.03.17z"/>
+</svg>

devtools/client/debugger/new/images/sources/backbone.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8 4.64L3 1.79V14.2l5-2.85 5 2.85V1.8L8 4.64zM5.5 8L8 6.58 10.5 8 8 9.42 5.5 8zm-.85-3.48l1.79 1.01-1.79 1.02V4.52zm0 4.93l1.65.94-1.65.94V9.45zm6.7 1.88l-1.65-.94 1.65-.94v1.88zm-1.79-5.8l1.78-1.01v2.03L9.56 5.53z"/>
+</svg>

devtools/client/debugger/new/images/sources/choo.svg

@@ -0,0 +1,14 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16">
+  <path d="M190.47 376V203.3H81.27c-27.13 0-50.14 26-58.23 62.04-9.87 1.3-17.62 13.54-17.62 28.46 0 14.91 7.75 27.15 17.62 28.45 7.3 32.51 26.74 56.84 50.39 61.3v68.67h395.95V376h-278.9z" fill="#132028"/>
+  <path d="M490.71 427.98a56.02 56.02 0 0 1-110.04 14.83 56.04 56.04 0 0 1-110.05-14.83 56.02 56.02 0 0 1 110.05-14.84 56.04 56.04 0 0 1 110.04 14.84zM161.24 203.3l29.75-113.85H94.23l29.75 113.85h-13.67C76.45 203.3 49 243.82 49 293.8c0 49.97 27.46 90.49 61.32 90.49h183.96V203.3H161.24zm1.08 217.12a31.8 31.8 0 0 0-29.28 19.4 31.8 31.8 0 1 0 0 24.76 31.8 31.8 0 1 0 29.28-44.16z" fill="#575A5B"/>
+  <path d="M200.78 384.29h-16.03c-20.1 0-36.4-40.52-36.4-90.5 0-49.97 16.3-90.48 36.4-90.48h16.03c-20.1 0-36.4 40.51-36.4 90.49 0 49.97 16.3 90.49 36.4 90.49zm-78.54-90.5c0-49.97 16.3-90.48 36.4-90.48H142.6c-20.1 0-36.4 40.51-36.4 90.49 0 49.97 16.3 90.49 36.4 90.49h16.03c-20.1 0-36.4-40.52-36.4-90.5z" fill="#FFB636"/>
+  <path d="M489.35 384.29H294.27V85.76h195.08V384.3zm-415.14-.19h-7.99c-2.44 0-4.7 1.48-6.03 3.94l-43.64 80.6c-3.11 5.75.32 13.36 6.04 13.36H75.4c4.03 0 7.27-3.97 7.2-8.8l-1.2-80.6c-.07-4.72-3.27-8.5-7.2-8.5z" fill="#FF473E"/>
+  <path d="M497.28 66.4H286.34c-5.92 0-10.72 4.8-10.72 10.72v1.62c0 5.92 4.8 10.72 10.72 10.72h210.94c5.92 0 10.72-4.8 10.72-10.72v-1.62c0-5.92-4.8-10.72-10.72-10.72z" fill="#EF2020"/>
+  <path d="M371.47 257.52H330.5a7.2 7.2 0 0 1-7.2-7.2v-126.3a7.2 7.2 0 0 1 7.2-7.2h40.96a7.2 7.2 0 0 1 7.2 7.2v126.3a7.2 7.2 0 0 1-7.2 7.2zm89-7.2v-126.3a7.2 7.2 0 0 0-7.2-7.2h-40.95a7.2 7.2 0 0 0-7.2 7.2v126.3a7.2 7.2 0 0 0 7.2 7.2h40.95a7.2 7.2 0 0 0 7.2-7.2z" fill="#76DFFF"/>
+  <path d="M489.35 339.59H294.27V303h195.08v36.59zM111.17 52L94.21 89.46h96.75L174 52h-62.83zm215.47 362.95a13.02 13.02 0 1 0 0 26.05 13.02 13.02 0 0 0 0-26.05zm108.05 0a13.02 13.02 0 1 0 0 26.05 13.02 13.02 0 0 0 0-26.05zm-330.94 29.88a7.39 7.39 0 1 0 0 14.77 7.39 7.39 0 0 0 0-14.77zm58.57 0a7.39 7.39 0 1 0 0 14.77 7.39 7.39 0 0 0 0-14.77z" fill="#132028"/>
+  <path d="M196.7 444.2h-92.95a8.9 8.9 0 1 1 0-17.77h90.45l36.76-22.53c1.4-.86 3-1.31 4.65-1.31h223.93a8.9 8.9 0 1 1 0 17.78H238.11l-36.76 22.53c-1.4.86-3 1.3-4.64 1.3z" fill="#FFB636"/>
+  <path d="M69.85 393.08a10.5 10.5 0 0 1-.03-21l413.93-1h.02a10.5 10.5 0 0 1 .03 21l-413.93 1h-.02z" fill="#ADB7BC"/>
+</svg>

devtools/client/debugger/new/images/sources/coffeescript.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M6.46 4.08c1.33-.12 1.7-.97 3.26-1.12.76-.07 1.25.1 1.3.35.04.25-.34.42-.8.46-.64.07-.91-.17-.96-.39-.46.05-.54.25-.52.4.05.27.63.53 1.6.44 1.12-.09 1.48-.52 1.39-.96-.12-.57-.97-1.05-2.5-.91-1.97.18-1.96 1.08-3.28 1.2-.55.04-.86-.09-.91-.3-.04-.22.22-.32.54-.34.3-.03.65.02.82.1.13-.06.17-.12.15-.2-.05-.2-.46-.3-.97-.25-.99.1-.99.54-.95.73.12.54.88.88 1.83.79zm6.65 2.24c-1.22.29-2.79.47-4.68.47-1.92 0-3.48-.2-4.71-.47-1.1-.28-1.68-.59-1.89-.9.1.71.29 1.4.53 2.06-.28.17-.54.4-.77.69A2.66 2.66 0 0 0 1 9.97c.04.63.34 1.14.83 1.54a2 2 0 0 0 1.68.4c.24-.04.52-.18.75-.25-.5 0-.94-.17-1.37-.5-.47-.35-.8-.84-.86-1.42-.12-.54 0-1.05.3-1.5.07-.09.14-.15.22-.22.17.43.37.84.59 1.24.47.71.94 1.34 1.4 2 .21.4.35.8.44 1.19.3.43.75.74 1.3.9a6.2 6.2 0 0 0 2.09.33h.07c.72 0 1.47-.12 2.16-.35.51-.17.95-.45 1.26-.9h.04c.08-.35.2-.78.4-1.17.46-.68.94-1.3 1.4-2.02A12.22 12.22 0 0 0 15 5.43c-.24.34-.83.66-1.89.9zm-9.4-.98c1.24.3 2.8.46 4.69.46 1.92 0 3.45-.17 4.68-.46 1.3-.31 1.92-.72 1.92-1.1 0-.28-.28-.54-.8-.74.12.08.2.2.2.34 0 .4-.58.71-1.76.97-1.1.24-2.5.41-4.2.41-1.65 0-3.12-.17-4.18-.4-1.13-.28-1.73-.59-1.73-.97 0-.17.08-.3.3-.47-.71.29-1.09.51-1.09.87.04.4.67.8 1.98 1.09z"></path>
+</svg>

devtools/client/debugger/new/images/sources/express.svg

@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill-rule="evenodd" d="M2.33 8.67H7.9v-.11c.02-.47-.03-.92-.14-1.36a3.4 3.4 0 0 0-.53-1.16A2.76 2.76 0 0 0 4.87 4.9a2.8 2.8 0 0 0-2.1.95c-.29.31-.51.7-.68 1.13a5.53 5.53 0 0 0-.08 2.93c.12.44.3.83.54 1.16.24.33.56.58.94.77.39.18.85.26 1.38.25.78 0 1.45-.22 2-.67.54-.45.86-1.08.95-1.88l.02-.13h-.5v.1c-.12.71-.4 1.23-.83 1.58-.43.35-.99.52-1.67.52-.46 0-.84-.08-1.15-.23a2.07 2.07 0 0 1-.76-.64c-.2-.27-.35-.6-.44-.96a5.2 5.2 0 0 1-.16-1.1zm5.08-.5a3.8 3.8 0 0 0-.16-1c-.11-.35-.27-.66-.48-.93-.21-.26-.47-.47-.78-.62a2.46 2.46 0 0 0-1.1-.23 2.3 2.3 0 0 0-1.76.77 3 3 0 0 0-.55.92c-.13.33-.2.7-.24 1.1H7.4z"/>
+  <path d="M13.32 5.06h.6L11.4 8.39l2.76 3.56h-.62L11.1 8.77l-2.45 3.18h-.6l2.74-3.56-2.5-3.33h.62L11.1 8l2.23-2.94z"/>
+</svg>

devtools/client/debugger/new/images/sources/extension.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M14.1 7.32c-.81 0-.84.84-1.46.84a.64.64 0 0 1-.63-.63v-2.7a.83.83 0 0 0-.83-.84H8.47a.64.64 0 0 1-.63-.63c0-.62.84-.65.84-1.46C8.68 1.18 7.92.65 7 .65c-.92 0-1.67.53-1.67 1.25 0 .81.83.84.83 1.46a.64.64 0 0 1-.62.63H2.83a.83.83 0 0 0-.83.83V6.7a.64.64 0 0 0 .63.62c.62 0 .65-.83 1.46-.83.72 0 1.25.75 1.25 1.67 0 .92-.53 1.67-1.25 1.67-.81 0-.84-.84-1.46-.84a.64.64 0 0 0-.63.63v3.55a.83.83 0 0 0 .83.83h2.72a.64.64 0 0 0 .62-.63c0-.62-.83-.65-.83-1.46 0-.72.75-1.25 1.67-1.25.91 0 1.67.53 1.67 1.25 0 .81-.84.84-.84 1.46a.64.64 0 0 0 .63.63h2.7a.83.83 0 0 0 .84-.83v-2.72a.64.64 0 0 1 .63-.62c.62 0 .65.83 1.46.83.72 0 1.25-.75 1.25-1.67 0-.91-.53-1.67-1.25-1.67z"/>
+</svg>

devtools/client/debugger/new/images/sources/immutable.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M1.06 3.32C1.03 3.35 1 5.5 1 8.06v4.68h3.22V3.26H2.68c-.86 0-1.59.02-1.62.06zM2.75 8c0 3.1-.02 3.55-.14 3.55-.12 0-.14-.46-.14-3.55 0-3.1.02-3.55.14-3.55.12 0 .14.46.14 3.55zM5.2 3.31c-.03.04-.06 2.18-.06 4.75v4.68h3.04l.02-1.66.03-1.67.91 1.34c.5.74.94 1.35.98 1.35.03 0 .47-.6.97-1.36l.92-1.36.02 1.68.02 1.68H15V3.26h-2.44l-1.2 1.8c-.65.98-1.21 1.78-1.24 1.78-.03 0-.6-.8-1.24-1.77L7.67 3.3l-1.2-.02c-.65-.01-1.22 0-1.26.03zM8.5 6.76c.85 1.27 1.58 2.3 1.62 2.3a34 34 0 0 0 1.63-2.3c1.03-1.53 1.61-2.3 1.72-2.3.15 0 .16.22.16 3.54 0 3.1-.02 3.55-.14 3.55-.12 0-.14-.43-.14-3.23 0-1.78-.03-3.22-.07-3.22-.04 0-.76 1-1.59 2.2a34.1 34.1 0 0 1-1.57 2.22c-.04 0-.75-1-1.58-2.21-.82-1.2-1.52-2.2-1.56-2.21-.05 0-.08 1.44-.08 3.22 0 2.8-.01 3.23-.13 3.23-.12 0-.14-.46-.14-3.55 0-3.32 0-3.55.16-3.55.1.01.69.8 1.7 2.3z"/>
+</svg>

devtools/client/debugger/new/images/sources/javascript.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M5 3.55h1.98v5.66c0 2.51-1.2 3.39-3.12 3.39-.47 0-1.07-.08-1.46-.21l.22-1.61c.28.1.64.16 1.02.16.84 0 1.36-.38 1.36-1.74V3.55zm3.7 6.87c.54.28 1.36.54 2.22.54.9 0 1.4-.37 1.4-.95 0-.54-.43-.87-1.49-1.24C9.37 8.24 8.4 7.44 8.4 6.15c0-1.5 1.27-2.65 3.33-2.65 1 0 1.73.21 2.26.46l-.45 1.58a4.13 4.13 0 0 0-1.83-.42c-.87 0-1.28.42-1.28.86 0 .56.49.81 1.63 1.26 1.56.57 2.28 1.37 2.28 2.63 0 1.48-1.13 2.73-3.55 2.73-1 0-1.99-.28-2.49-.55l.4-1.63z"/>
+</svg>

devtools/client/debugger/new/images/sources/jquery.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8.15 11.8a5.64 5.64 0 0 1-1.5-.58 7.27 7.27 0 0 1-2.52-2.17C2.92 7.39 2.48 5.1 3.45 3.23L2.6 4.32c-1.1 1.58-.96 3.65-.12 5.33a6.92 6.92 0 0 0 3 3.08 7.07 7.07 0 0 0 1.36.55c.08.03.16.06.24.07 5.33.98 6.88-3.2 6.88-3.2-1.3 1.7-3.6 2.14-5.8 1.64zM6.23 7.46a5.15 5.15 0 0 0 2.95 2.05c4.12.68 5.07-2.49 5.07-2.49-.86 1.24-2.52 1.83-4.29 1.37a5.4 5.4 0 0 1-1.9-.96 4.97 4.97 0 0 1-1.69-2.4c-.3-.98-.24-2.08.3-2.98L6 2.98a3.83 3.83 0 0 0-.13 3.9c.1.2.22.4.35.59zm4.34-1.42l.3.1c2.27.43 2.89-1.18 3.05-1.41-.54.78-1.45.96-2.56.7a3.1 3.1 0 0 1-1.15-.57c-1-.75-1.62-2.2-.97-3.37l-.35.48A2.4 2.4 0 0 0 8.7 4.3a3.26 3.26 0 0 0 1.87 1.75z"/>
+</svg>

devtools/client/debugger/new/images/sources/lodash.svg

@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M2 2.65h1.12v7.42h4.42V11H2V2.65zm9.03 2.01a2.76 2.76 0 0 0-2.64 1.82 3.6 3.6 0 0 0 .72 3.84c.96.8 2.42.86 3.5.3a2.63 2.63 0 0 0 1.33-2.02c.13-.87.06-1.81-.36-2.6a2.8 2.8 0 0 0-2.44-1.33l-.11-.02v.01zm.1.89c.84 0 1.6.64 1.73 1.46.26.93.1 2.07-.66 2.73-.71.58-1.86.5-2.44-.22-.71-.76-.71-1.93-.35-2.85.26-.66.93-1.13 1.65-1.12h.09-.02z"/>
+  <path opacity=".6" d="M2 12.17h12v1.27H2v-1.27z"/>
+</svg>

devtools/client/debugger/new/images/sources/mobx.svg

@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill="#E05D17" d="M1 1h14v14H1z"/>
+  <path d="M4.9 12h-2v-.64h1.23V4.18H2.9v-.64h2V12zM10.1 5.84c-.24.85-.5 1.66-.82 2.44-.31.79-.61 1.49-.9 2.1h-.75c-.3-.61-.6-1.31-.9-2.1a22.5 22.5 0 0 1-.82-2.44h.89a18.18 18.18 0 0 0 .56 1.87 34.01 34.01 0 0 0 .66 1.72 17.98 17.98 0 0 0 .65-1.72 26.87 26.87 0 0 0 .57-1.87h.86zM11.1 3.54h2v.64h-1.23v7.18h1.23V12h-2V3.54z" fill="#fff"/>
+</svg>

devtools/client/debugger/new/images/sources/moz.build

@@ -0,0 +1,38 @@
+
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+DevToolsModules(
+    'aframe.svg',
+    'angular.svg',
+    'babel.svg',
+    'backbone.svg',
+    'choo.svg',
+    'coffeescript.svg',
+    'dojo.svg',
+    'ember.svg',
+    'express.svg',
+    'extension.svg',
+    'immutable.svg',
+    'javascript.svg',
+    'jquery.svg',
+    'lodash.svg',
+    'marko.svg',
+    'mobx.svg',
+    'nextjs.svg',
+    'node.svg',
+    'nuxtjs.svg',
+    'preact.svg',
+    'pug.svg',
+    'react.svg',
+    'redux.svg',
+    'rxjs.svg',
+    'sencha-extjs.svg',
+    'typescript.svg',
+    'underscore.svg',
+    'vuejs.svg',
+    'webpack.svg',
+)

devtools/client/debugger/new/images/sources/node.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill="#83CD29" d="M14.42 3.6L8.65.27c-.36-.2-.85-.2-1.2 0L1.62 3.6c-.37.22-.63.62-.63 1.06v6.69c0 .43.26.84.64 1.06l1.53.87c.75.35.94.35 1.28.35 1.09 0 1.65-.66 1.65-1.8v-6.6c0-.1.07-.24-.04-.24h-.73c-.09 0-.28.14-.28.23v6.6c0 .51-.47 1-1.33.59l-1.58-.92a.18.18 0 0 1-.1-.16V4.66c0-.07.07-.13.12-.16l5.8-3.33a.22.22 0 0 1 .19 0l5.74 3.33c.05.04.05.1.05.16v6.68c0 .07.01.13-.04.16l-5.77 3.33a.19.19 0 0 1-.16 0l-1.49-.88c-.03-.02-.1-.04-.14-.01-.4.23-.48.27-.87.4-.08.03-.23.08.06.25l1.93 1.14c.18.1.4.16.61.16.22 0 .42-.05.61-.16l5.76-3.34c.37-.22.56-.62.56-1.06V4.66c-.01-.44-.2-.83-.58-1.05zm-4.57 6.68c-1.54 0-1.87-.42-1.98-1.19-.02-.07-.08-.18-.17-.18h-.75c-.1 0-.17.12-.17.2 0 .98.54 2.17 3.07 2.17 1.83 0 2.89-.72 2.89-1.97s-.85-1.58-2.62-1.82c-1.8-.24-1.99-.35-1.99-.77 0-.35.16-.81 1.49-.81 1.19 0 1.62.26 1.8 1.06.01.08.09.13.17.13h.75c.05 0 .09-.01.13-.05.02-.04.05-.08.04-.13-.12-1.38-1.04-2.02-2.9-2.02-1.64 0-2.63.7-2.63 1.87 0 1.26.99 1.62 2.57 1.77 1.9.2 2.05.46 2.05.83-.01.64-.53.91-1.75.91z"/>
+</svg>

devtools/client/debugger/new/images/sources/react.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4zM.68 8C.68 8.93 2 9.49 2.7 9.76c1.34.5 3.2.83 5.29.83 2.08 0 3.95-.32 5.3-.83.7-.27 2.02-.83 2.02-1.76S14 6.51 13.3 6.24A15.4 15.4 0 0 0 8 5.41c-2.08 0-3.95.32-5.3.83C2 6.51.69 7.07.69 8zm1.8-2.37C3.9 5.08 5.85 4.75 8 4.75c2.14 0 4.1.33 5.53.88 1 .38 2.45 1.1 2.45 2.37 0 1.26-1.45 2-2.45 2.37-1.43.55-3.39.88-5.53.88s-4.1-.33-5.53-.88C1.47 10 .02 9.27.02 8c0-1.26 1.45-2 2.45-2.37zM4.34 1.66c-.81.47-.63 1.9-.5 2.63.22 1.42.87 3.2 1.92 5a15.4 15.4 0 0 0 3.36 4.17c.59.48 1.73 1.35 2.54.88.81-.47.63-1.89.5-2.63a15.4 15.4 0 0 0-1.92-5 15.4 15.4 0 0 0-3.36-4.17c-.59-.48-1.73-1.35-2.54-.88zm2.95.36c1.2.97 2.45 2.5 3.53 4.35a16.05 16.05 0 0 1 2 5.23c.17 1.06.26 2.68-.83 3.31-1.1.63-2.45-.26-3.28-.93a16.05 16.05 0 0 1-3.53-4.35 16.05 16.05 0 0 1-2-5.23c-.17-1.06-.26-2.68.83-3.31 1.1-.63 2.45.26 3.28.93zM11.66 1.66c-.8-.47-1.95.4-2.54.88A15.4 15.4 0 0 0 5.76 6.7a15.4 15.4 0 0 0-1.93 5c-.12.75-.3 2.17.5 2.64.82.47 1.96-.4 2.55-.88a15.4 15.4 0 0 0 3.36-4.16 15.4 15.4 0 0 0 1.93-5c.12-.75.3-2.17-.5-2.64zm1.16 2.74a16.05 16.05 0 0 1-2 5.23 16.05 16.05 0 0 1-3.53 4.35c-.83.67-2.19 1.56-3.28.93-1.1-.63-1-2.25-.83-3.3.24-1.52.93-3.38 2-5.24a16.05 16.05 0 0 1 3.53-4.35c.83-.67 2.19-1.56 3.28-.93 1.1.63 1 2.25.83 3.3z"/>
+</svg>

devtools/client/debugger/new/images/sources/redux.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M10.7 10.28a1 1 0 0 0-.1-2h-.04a1 1 0 0 0-.68 1.7 6.37 6.37 0 0 1-2.92 2.8c-.94.5-1.92.67-2.9.55-.8-.1-1.43-.46-1.82-1.05a2.62 2.62 0 0 1-.14-2.76 4.2 4.2 0 0 1 1.2-1.43 9.61 9.61 0 0 1-.22-.9C.49 9.04.76 11.58 1.54 12.77c.6.89 1.78 1.44 3.1 1.44.36 0 .72-.04 1.07-.13 2.28-.44 4.01-1.8 4.99-3.8zM13.84 8.07A7.23 7.23 0 0 0 8.2 5.61h-.29a.98.98 0 0 0-.87-.53H7a1 1 0 0 0 .04 2h.03a1 1 0 0 0 .88-.61h.32c1.35 0 2.63.4 3.8 1.16.88.59 1.52 1.35 1.88 2.28.3.75.29 1.48-.03 2.1a2.62 2.62 0 0 1-2.45 1.46c-.7 0-1.39-.21-1.74-.37-.2.17-.55.46-.8.64a5.5 5.5 0 0 0 2.3.55c1.7 0 2.97-.94 3.45-1.89.52-1.03.48-2.81-.85-4.33zM4.79 10.58a1 1 0 0 0 1 .97h.03a1 1 0 0 0-.04-2h-.03c-.04 0-.1 0-.13.02A6.53 6.53 0 0 1 4.7 5.6c.07-1.06.42-2 1.05-2.76a3.09 3.09 0 0 1 2.19-1c1.89-.03 2.69 2.32 2.74 3.27.23.05.63.17.9.26C11.35 2.5 9.57 1 7.86 1 6.27 1 4.79 2.16 4.2 3.87a7.29 7.29 0 0 0 .71 6.2.8.8 0 0 0-.12.51z"/>
+</svg>

devtools/client/debugger/new/images/sources/rxjs.svg

@@ -0,0 +1,33 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M1.73 9.9C1 6.05 2.93 2.3 7.33 1.82a2.01 2.01 0 0 0-1.82-.58c-.67.22-.65.66-1.42 1.22-.76.44-1.14.1-1.7.56-.55.44-.16 1.47-.4 1.67-.23.4-.94.76-1.07 1.26-.11.65.29 1.1.27 1.66.05.46-.46.72-.38 1.1.21.6.63.98.83 1.14.05.04.1.12.09.07z" fill="#FF0090"/>
+  <path d="M9.58 4.55a.3.3 0 1 1 0-.58.3.3 0 0 1 0 .58zM1.9 10.33c-.7-3.36 1.46-6.17 5.65-4.79 2.46 1.44 5.56 1.35 5.7.42.34-1.12-1.57-3.42-4.43-4.02C3.15.84.09 6.97 1.9 10.34z" fill="url(#paint0_radial)"/>
+  <path d="M11.2 10.7a3.1 3.1 0 0 0 2.38-.7 6.2 6.2 0 0 1-4.12 2.04c.77.65 1.5.94 2.21.82-1.96.54-3.61-.06-5.61-2.05-.1.54.46 1.37 1.04 1.9-3.39-1.46-3.69-6.04.45-7.17C3.26 3.48.84 7.48 2.03 10.76a7.53 7.53 0 0 0 7.67 4.05 6.4 6.4 0 0 0 5.14-4.05A5.69 5.69 0 0 1 12.29 12c1.92-.96 2.95-2.6 2.66-4.82-.4.95-.92 1.67-1.58 2.17 1.4-2.17 1.16-3.3.13-4.53.73 2.03-.22 4.29-2.3 5.89z" fill="url(#paint1_radial)"/>
+  <path d="M10.22 13.04c-.15-.02.33.2-.6-.05-.91-.24-1.85-.47-3.56-2.18-.1.54.46 1.37 1.04 1.9 1.58 1.1.5.6 2.91 1.42.2-.38.2-.72.2-1.09z" fill="url(#paint2_linear)"/>
+  <path d="M7.16 4.4l.29-.45c.1-.17.25-.48.25-.48s-1.6-.52-2-.59c-1.23.32-1.23.84-.55 1.62.08.1 2-.1 2-.1z" fill="url(#paint3_linear)"/>
+  <defs>
+    <radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.7025 0 0 7.65602 10.76 5.04)">
+      <stop stop-color="#F80090"/>
+      <stop offset="1" stop-color="#4D008E"/>
+    </radialGradient>
+    <radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.8482 0 0 8.20619 10.85 5.27)">
+      <stop stop-color="#57008E"/>
+      <stop offset=".29" stop-color="#5C008E"/>
+      <stop offset="1" stop-color="#F80090"/>
+    </radialGradient>
+    <linearGradient id="paint2_linear" x1="6.8" y1="10.81" x2="8.72" y2="14.03" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F70090"/>
+      <stop offset=".67" stop-color="#E50090"/>
+      <stop offset=".83" stop-color="#D6008F" stop-opacity=".2"/>
+      <stop offset="1" stop-color="#C10090" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear" x1="6.65" y1="4.06" x2="6.37" y2="3.53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#B2008F" stop-opacity=".15"/>
+      <stop offset=".4" stop-color="#F70090" stop-opacity=".4"/>
+      <stop offset=".65" stop-color="#F60090" stop-opacity=".89"/>
+      <stop offset="1" stop-color="#FF0090"/>
+    </linearGradient>
+  </defs>
+</svg>

devtools/client/debugger/new/images/sources/sencha-extjs.svg

@@ -0,0 +1,13 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <defs>
+    <linearGradient id="paint0_linear" x1="10.92" y1="12.45" x2="5.34" y2="4.65" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#006E00"/>
+      <stop offset=".55" stop-color="#0C0"/>
+      <stop offset="1" stop-color="#EEFF2A"/>
+    </linearGradient>
+  </defs>
+  <path d="M6.55.9c-4.2.53-4.49 5.76-1.85 7.92 2.63 2.16 6.07 4.05 4.67 6.27 4.07-.44 4.42-4.58 2.52-6.67-1.9-2.08-7.6-4.54-5.34-7.51z" fill="url(#paint0_linear)" stroke="navy" stroke-width=".3" stroke-linecap="round"/>
+</svg>

devtools/client/debugger/new/images/sources/typescript.svg

@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill-rule="evenodd" d="M15 1H1v14h14V1zm-2.14 5.6a1.89 1.89 0 0 0-.95-.54 3.84 3.84 0 0 0-1.15-.03c-.83.16-1.4.68-1.56 1.44-.04.32-.03.65.03.97a2 2 0 0 0 .41.76c.31.33.65.54 1.43.88.68.3.92.44 1.05.6.17.26.13.63-.09.85-.33.3-.99.33-1.47.07a2.31 2.31 0 0 1-.67-.68l-.4.21c-.25.13-.51.27-.74.44-.02.03.26.43.4.58.41.43.95.71 1.54.8.38.06.77.06 1.16.02.84-.14 1.43-.57 1.68-1.2a2.2 2.2 0 0 0-.18-1.85c-.29-.44-.75-.75-1.84-1.22-.6-.25-.78-.38-.88-.59a.56.56 0 0 1-.07-.28c0-.4.3-.64.76-.6a.86.86 0 0 1 .71.42c.07.1.12.16.14.15.4-.25 1.05-.69 1.05-.71a2.5 2.5 0 0 0-.36-.49zm-6.48.72h1.97l-.01-1.25H5.69l-2.67.01A10.66 10.66 0 0 0 3 7.31h1.98v5.62h1.4V7.32z"/>
+</svg>

devtools/client/debugger/new/images/sources/vuejs.svg

@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M9.73 2L8 5 6.27 2H.5L8 14.99 15.5 2H9.73z" fill="#41B883"/>
+  <path d="M9.73 2L8 5 6.27 2H3.5L8 9.8 12.5 2H9.73z" fill="#34495E"/>
+</svg>

devtools/client/debugger/new/images/sources/webpack.svg

@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8 .08l7 3.96v7.92l-7 3.96-7-3.96V4.04L8 .08z" fill="#fff"/>
+  <path d="M13.75 11.69L8.23 14.8v-2.43l3.44-1.9 2.08 1.2zm.38-.35V4.82L12.1 5.98v4.2l2.02 1.16zm-11.9.35l5.52 3.12v-2.43l-3.44-1.9-2.08 1.2zm-.38-.35V4.82l2.02 1.16v4.2l-2.02 1.16zm.24-6.95l5.66-3.2v2.35l-3.63 2-.03.01-2-1.16zm11.8 0L8.23 1.2v2.35l3.63 2 .02.01L13.9 4.4z" fill="#8ED6FB"/>
+  <path d="M7.75 11.82l-3.4-1.86v-3.7l3.4 1.96v3.6zm.48 0l3.4-1.86v-3.7l-3.4 1.96v3.6zM4.58 5.84l3.4-1.88 3.42 1.88L7.99 7.8l-3.4-1.96z" fill="#1C78C0"/>
+</svg>

devtools/client/debugger/new/images/tab.svg

@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28">
-  <path fill="context-fill" d="M15 11h-1V5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v6H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2z"></path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M15 11h-1V5c0-1.09-.91-2-2-2H4c-1.09 0-2 .91-2 2v6H1c-.54 0-1 .46-1 1s.46 1 1 1h14c.54 0 1-.46 1-1s-.46-1-1-1z"/>
 </svg>

devtools/client/debugger/new/images/typescript.svg

@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
-<path d="M 1.5 63.91 v 62.5 h 125 V 1.41 H 1.5 Z m 100.73 -5 a 15.56 15.56 0 0 1 7.82 4.5 a 20.58 20.58 0 0 1 3 4 c 0 0.16 -5.4 3.81 -8.69 5.85 c -0.12 0.08 -0.6 -0.44 -1.13 -1.23 a 7.09 7.09 0 0 0 -5.87 -3.53 c -3.79 -0.26 -6.23 1.73 -6.21 5 a 4.58 4.58 0 0 0 0.54 2.34 c 0.83 1.73 2.38 2.76 7.24 4.86 c 8.95 3.85 12.78 6.39 15.16 10 c 2.66 4 3.25 10.46 1.45 15.24 c -2 5.2 -6.9 8.73 -13.83 9.9 a 38.32 38.32 0 0 1 -9.52 -0.1 a 23 23 0 0 1 -12.72 -6.63 c -1.15 -1.27 -3.39 -4.58 -3.25 -4.82 a 9.34 9.34 0 0 1 1.15 -0.73 L 82 101 l 3.59 -2.08 l 0.75 1.11 a 16.78 16.78 0 0 0 4.74 4.54 c 4 2.1 9.46 1.81 12.16 -0.62 a 5.43 5.43 0 0 0 0.69 -6.92 c -1 -1.39 -3 -2.56 -8.59 -5 c -6.45 -2.78 -9.23 -4.5 -11.77 -7.24 a 16.48 16.48 0 0 1 -3.43 -6.25 a 25 25 0 0 1 -0.22 -8 c 1.33 -6.23 6 -10.58 12.82 -11.87 A 31.66 31.66 0 0 1 102.23 58.93 Z M 72.89 64.15 l 0 5.12 H 56.66 V 115.5 H 45.15 V 69.26 H 28.88 v -5 A 49.19 49.19 0 0 1 29 59.09 C 29.08 59 39 59 51 59 L 72.83 59 Z" data-name="original" />
-</svg>

devtools/client/debugger/new/images/vuejs.svg

@@ -1,31 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   viewBox="0 0 400 400"
-   height="400"
-   width="400"
-   xml:space="preserve"
-   id="svg2"
-   version="1.1"><metadata
-     id="metadata8"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
-     id="defs6" /><g
-     transform="matrix(1.3333333,0,0,-1.3333333,0,400)"
-     id="g10"><g
-       transform="translate(178.0626,235.0086)"
-       id="g12"><path
-         id="path14"
-         style="fill:#41b883;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="M 0,0 -22.669,-39.264 -45.338,0 h -75.491 L -22.669,-170.017 75.491,0 Z" /></g><g
-       transform="translate(178.0626,235.0086)"
-       id="g16"><path
-         id="path18"
-         style="fill:#34495e;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="M 0,0 -22.669,-39.264 -45.338,0 H -81.565 L -22.669,-102.01 36.227,0 Z" /></g></g></svg>

devtools/client/debugger/new/images/webpack.svg

@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 774 875.7"><title>icon</title>
-  <path fill="#FFF" d="M387 0l387 218.9v437.9L387 875.7 0 656.8V218.9z"/><path fill="#8ed6fb" d="M704.9 641.7L399.8 814.3V679.9l190.1-104.6 115 66.4zm20.9-18.9V261.9l-111.6 64.5v232l111.6 64.4zM67.9 641.7L373 814.3V679.9L182.8 575.3 67.9 641.7zM47 622.8V261.9l111.6 64.5v232L47 622.8zm13.1-384.3L373 61.5v129.9L172.5 301.7l-1.6.9-110.8-64.1zm652.6 0l-312.9-177v129.9l200.5 110.2 1.6.9 110.8-64z"/><path fill="#1c78c0" d="M373 649.3L185.4 546.1V341.8L373 450.1v199.2zm26.8 0l187.6-103.1V341.8L399.8 450.1v199.2zm-13.4-207zM198.1 318.2l188.3-103.5 188.3 103.5-188.3 108.7-188.3-108.7z"/>
-</svg>

devtools/client/debugger/new/images/worker.svg

@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.5 8.793L5.854 6.146l-.04-.035L7.5 4.426c.2-.2.3-.4.3-.6 0-.2-.1-.4-.2-.6l-1-1c-.4-.3-.9-.3-1.2 0l-4.1 4.1c-.2.2-.3.4-.3.6 0 .2.1.4.2.6l1 1c.3.3.9.3 1.2 0l1.71-1.71.036.04L7.793 9.5l-3.647 3.646c-.195.196-.195.512 0 .708.196.195.512.195.708 0L8.5 10.207l3.646 3.647c.196.195.512.195.708 0 .195-.196.195-.512 0-.708L9.207 9.5l2.565-2.565L13.3 8.5c.1.1 2.3 1.1 2.7.7.4-.4-.3-2.7-.5-2.9l-1.1-1.1c.1-.1.2-.4.2-.6 0-.2-.1-.4-.2-.6l-.4-.4c-.3-.3-.8-.3-1.1 0l-1.5-1.4c-.2-.2-.3-.2-.5-.2s-.3.1-.5.2L9.2 3.4c-.2.1-.2.2-.2.4s.1.4.2.5l1.874 1.92L8.5 8.792z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill-rule="evenodd" d="M7.95 8.68L5.67 6.41l-.03-.03 1.45-1.45c.17-.17.26-.35.26-.52 0-.17-.09-.34-.18-.51l-.86-.86c-.34-.26-.77-.26-1.03 0L1.76 6.56c-.17.17-.26.34-.26.52 0 .17.09.34.17.51l.86.86c.26.26.78.26 1.03 0l1.47-1.47.03.04 2.28 2.27-3.14 3.13a.43.43 0 0 0 .61.61L7.95 9.9l3.13 3.13a.43.43 0 0 0 .61-.6L8.56 9.28l2.2-2.2 1.31 1.34c.09.09 1.98.95 2.33.6.34-.34-.26-2.32-.43-2.5l-.95-.94a.92.92 0 0 0 .17-.51c0-.18-.08-.35-.17-.52l-.34-.34a.67.67 0 0 0-.95 0l-1.29-1.2c-.17-.18-.26-.18-.43-.18-.17 0-.26.09-.43.17L8.55 4.05c-.17.08-.17.17-.17.34s.08.34.17.43l1.61 1.65-2.21 2.21z"/>
 </svg>

devtools/client/debugger/new/packages/devtools-source-map/src/index.js

@@ -18,9 +18,12 @@ const _getGeneratedRanges = dispatcher.task("getGeneratedRanges", {
   queue: true
 });
 
-const _getGeneratedLocation = dispatcher.task("getGeneratedLocation", { queue: true });
-const _getAllGeneratedLocations = dispatcher.task("getAllGeneratedLocations", { queue: true });
-
+const _getGeneratedLocation = dispatcher.task("getGeneratedLocation", {
+  queue: true
+});
+const _getAllGeneratedLocations = dispatcher.task("getAllGeneratedLocations", {
+  queue: true
+});
 
 export const setAssetRootURL = async (assetRoot: string): Promise<void> =>
   dispatcher.invoke("setAssetRootURL", assetRoot);
@@ -52,21 +55,18 @@ export const getGeneratedRanges = async (
     columnStart: number,
     columnEnd: number
   }>
-> =>
-  _getGeneratedRanges(location, originalSource);
+> => _getGeneratedRanges(location, originalSource);
 
 export const getGeneratedLocation = async (
   location: SourceLocation,
   originalSource: Source
-): Promise<SourceLocation> => _getGeneratedLocation(location,originalSource);
+): Promise<SourceLocation> => _getGeneratedLocation(location, originalSource);
 
 export const getAllGeneratedLocations = async (
   location: SourceLocation,
   originalSource: Source
-): Promise<Array<SourceLocation>> => _getAllGeneratedLocations(
-  location,
-  originalSource
-);
+): Promise<Array<SourceLocation>> =>
+  _getAllGeneratedLocations(location, originalSource);
 
 export const getOriginalLocation = async (
   location: SourceLocation,

devtools/client/debugger/new/src/actions/breakpoints/addBreakpoint.js

@@ -16,7 +16,6 @@ import {
 import { PROMISE } from "../utils/middleware/promise";
 import {
   getSource,
-  getSourceActors,
   getSymbols,
   getFirstVisibleBreakpointPosition
 } from "../../selectors";
@@ -71,7 +70,10 @@ async function addBreakpointPromise(getState, client, sourceMaps, breakpoint) {
     return newBreakpoint;
   }
 
-  const breakpointLocation = makeBreakpointLocation(getState(), generatedLocation);
+  const breakpointLocation = makeBreakpointLocation(
+    getState(),
+    generatedLocation
+  );
   await client.setBreakpoint(breakpointLocation, breakpoint.options);
 
   const symbols = getSymbols(getState(), source);
@@ -139,7 +141,7 @@ export function addBreakpoint(
       return;
     }
 
-    const breakpoint = createBreakpoint(breakpointPosition, options);
+    const breakpoint = createBreakpoint(breakpointPosition, { options });
 
     return dispatch({
       type: "ADD_BREAKPOINT",

devtools/client/debugger/new/src/actions/breakpoints/index.js

@@ -17,8 +17,7 @@ import {
   getSelectedSource,
   getBreakpointAtLocation,
   getConditionalPanelLocation,
-  getBreakpointsForSource,
-  getSourceActors
+  getBreakpointsForSource
 } from "../../selectors";
 import {
   assertBreakpoint,
@@ -49,7 +48,10 @@ import type {
 import { recordEvent } from "../../utils/telemetry";
 
 async function removeBreakpointsPromise(client, state, breakpoint) {
-  const breakpointLocation = makeBreakpointLocation(state, breakpoint.generatedLocation);
+  const breakpointLocation = makeBreakpointLocation(
+    state,
+    breakpoint.generatedLocation
+  );
   await client.removeBreakpoint(breakpointLocation);
 }
 
@@ -293,7 +295,11 @@ export function setBreakpointOptions(
       await dispatch(enableBreakpoint(bp));
     }
 
-    const breakpointLocation = makeBreakpointLocation(getState(), bp.generatedLocation);
+    const breakpointLocation = makeBreakpointLocation(
+      getState(),
+      bp.generatedLocation
+    );
+
     await client.setBreakpoint(breakpointLocation, options);
 
     const newBreakpoint = { ...bp, disabled: false, options };
@@ -364,8 +370,34 @@ export function addBreakpointAtLine(line: number) {
 
 export function removeBreakpointsAtLine(sourceId: string, line: number) {
   return ({ dispatch, getState, client, sourceMaps }: ThunkArgs) => {
-    const breakpoints = getBreakpointsForSource(getState(), sourceId, line);
-    return dispatch(removeBreakpoints(breakpoints));
+    const breakpointsAtLine = getBreakpointsForSource(
+      getState(),
+      sourceId,
+      line
+    );
+    return dispatch(removeBreakpoints(breakpointsAtLine));
+  };
+}
+
+export function disableBreakpointsAtLine(sourceId: string, line: number) {
+  return ({ dispatch, getState, client, sourceMaps }: ThunkArgs) => {
+    const breakpointsAtLine = getBreakpointsForSource(
+      getState(),
+      sourceId,
+      line
+    );
+    return dispatch(toggleBreakpoints(true, breakpointsAtLine));
+  };
+}
+
+export function enableBreakpointsAtLine(sourceId: string, line: number) {
+  return ({ dispatch, getState, client, sourceMaps }: ThunkArgs) => {
+    const breakpointsAtLine = getBreakpointsForSource(
+      getState(),
+      sourceId,
+      line
+    );
+    return dispatch(toggleBreakpoints(false, breakpointsAtLine));
   };
 }
 

devtools/client/debugger/new/src/actions/breakpoints/syncBreakpoint.js

@@ -11,14 +11,13 @@ import {
   assertBreakpoint,
   assertPendingBreakpoint,
   findScopeByName,
-  makeSourceActorLocation,
   makeBreakpointLocation
 } from "../../utils/breakpoint";
 
 import { getGeneratedLocation } from "../../utils/source-maps";
 import { getTextAtPosition } from "../../utils/source";
 import { originalToGeneratedId, isOriginalId } from "devtools-source-map";
-import { getSource, getSourceActors } from "../../selectors";
+import { getSource } from "../../selectors";
 import { features } from "../../utils/prefs";
 
 import type { ThunkArgs, Action } from "../types";
@@ -132,9 +131,10 @@ export async function syncBreakpointPromise(
     return null;
   }
 
-  const breakpointLocation = makeBreakpointLocation(getState(), generatedLocation);
-  const scopedBreakpointLocation =
-    makeBreakpointLocation(getState(), scopedGeneratedLocation);
+  const breakpointLocation = makeBreakpointLocation(
+    getState(),
+    generatedLocation
+  );
 
   let possiblePosition = true;
   if (features.columnBreakpoints && generatedLocation.column != undefined) {
@@ -177,12 +177,10 @@ export async function syncBreakpointPromise(
   /** ******* Case 2: Add New Breakpoint ***********/
   // If we are not disabled, set the breakpoint on the server and get
   // that info so we can set it on our breakpoints.
-
-  if (!scopedGeneratedLocation.line) {
-    return { previousLocation, breakpoint: null };
-  }
-
-  await client.setBreakpoint(scopedGeneratedLocation, pendingBreakpoint.options);
+  await client.setBreakpoint(
+    scopedGeneratedLocation,
+    pendingBreakpoint.options
+  );
 
   const originalText = getTextAtPosition(source, scopedLocation);
   const text = getTextAtPosition(generatedSource, scopedGeneratedLocation);

devtools/client/debugger/new/src/actions/breakpoints/tests/syncing.spec.js

@@ -98,11 +98,12 @@ function pendingBreakpoint(overrides) {
       },
       index: 0
     },
-    condition: null,
+    options: {
+      logValue: "",
+      hidden: false
+    },
     disabled: false,
-    hidden: false,
     loading: false,
-    options: {},
     text: "",
     ...overrides
   };

devtools/client/debugger/new/src/actions/sources/tests/blackbox.spec.js

@@ -0,0 +1,38 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+
+// @flow
+
+import {
+  actions,
+  selectors,
+  createStore,
+  makeSource
+} from "../../../utils/test-head";
+
+describe("blackbox", () => {
+  it("should blackbox a source", async () => {
+    const store = createStore({ blackBox: async () => true });
+    const { dispatch, getState } = store;
+
+    const foo1CSR = makeSource("foo1");
+    await dispatch(actions.newSource(foo1CSR));
+    await dispatch(actions.toggleBlackBox(foo1CSR.source));
+
+    const fooSource = selectors.getSource(getState(), "foo1");
+
+    if (!fooSource) {
+      throw new Error("foo should exist");
+    }
+
+    const thread = (foo1CSR.sourceActor: any).thread;
+    const relativeSources = selectors.getRelativeSourcesForThread(
+      getState(),
+      thread
+    );
+
+    expect(relativeSources[fooSource.id].isBlackBoxed).toEqual(true);
+    expect(fooSource.isBlackBoxed).toEqual(true);
+  });
+});

devtools/client/debugger/new/src/actions/tests/__snapshots__/pending-breakpoints.spec.js.snap

@@ -10,20 +10,22 @@ Object {
         "line": 5,
       },
     },
-    "condition": null,
     "disabled": false,
     "generatedLocation": Object {
       "column": undefined,
       "line": 5,
       "sourceUrl": "http://localhost:8000/examples/bar.js",
     },
-    "hidden": false,
     "location": Object {
       "column": undefined,
       "line": 5,
       "sourceId": "",
       "sourceUrl": "http://localhost:8000/examples/bar.js",
     },
+    "options": Object {
+      "condition": null,
+      "hidden": false,
+    },
   },
 }
 `;

devtools/client/debugger/new/src/actions/tests/helpers/breakpoints.js

@@ -25,9 +25,11 @@ export function mockPendingBreakpoint(overrides: Object = {}) {
       },
       index: 0
     },
-    condition: condition || null,
-    disabled: disabled || false,
-    hidden: hidden || false
+    options: {
+      condition: condition || null,
+      hidden: hidden || false
+    },
+    disabled: disabled || false
   };
 }
 

devtools/client/debugger/new/src/client/firefox/commands.js

@@ -4,11 +4,14 @@
 
 // @flow
 
+import { createSource, createWorker } from "./create";
+import { supportsWorkers, updateWorkerClients } from "./workers";
+import { features } from "../../utils/prefs";
+
 import type {
   ActorId,
   BreakpointLocation,
   BreakpointOptions,
-  BreakpointResult,
   EventListenerBreakpoints,
   Frame,
   FrameId,
@@ -30,13 +33,6 @@ import type {
 
 import type { PausePointsMap } from "../../workers/parser";
 
-import { makeBreakpointActorId } from "../../utils/breakpoint";
-
-import { createSource, createWorker } from "./create";
-import { supportsWorkers, updateWorkerClients } from "./workers";
-
-import { features } from "../../utils/prefs";
-
 let workerClients: Object;
 let threadClient: ThreadClient;
 let tabTarget: TabTarget;

devtools/client/debugger/new/src/client/firefox/create.js

@@ -27,14 +27,8 @@ export function createFrame(thread: ThreadId, frame: FramePacket): ?Frame {
   } else {
     title = `(${frame.type})`;
   }
-
-  // NOTE: Firefox 66 switched from where.source to where.actor
-  const actor = frame.where.source
-    ? frame.where.source.actor
-    : frame.where.actor;
-
   const location = {
-    sourceId: clientCommands.getSourceForActor(actor),
+    sourceId: clientCommands.getSourceForActor(frame.where.actor),
     line: frame.where.line,
     column: frame.where.column
   };

devtools/client/debugger/new/src/client/firefox/types.js

@@ -77,7 +77,7 @@ export type FramePacket = {
   depth?: number,
   oldest?: boolean,
   type: "pause" | "call",
-  where: ActualLocation
+  where: {| actor: string, line: number, column: number |}
 };
 
 /**
@@ -148,20 +148,6 @@ export type ResumedPacket = {
   type: string
 };
 
-/**
- * Location of an actual event, when breakpoints are set they are requested
- * at one location but the server will respond with the "actual location" where
- * the breakpoint was really set if it differs from the requested location.
- *
- * @memberof firefox
- * @static
- */
-export type ActualLocation = {
-  source: SourcePayload,
-  line: number,
-  column?: number
-};
-
 /**
  * Response from the `getFrames` function call
  * @memberof firefox
@@ -367,7 +353,7 @@ export type ThreadClient = {
   pauseGrip: (Grip | Function) => ObjectClient,
   pauseOnExceptions: (boolean, boolean) => Promise<*>,
   setBreakpoint: (BreakpointLocation, BreakpointOptions) => Promise<*>,
-  removeBreakpoint: (BreakpointLocation) => Promise<*>,
+  removeBreakpoint: BreakpointLocation => Promise<*>,
   setXHRBreakpoint: (path: string, method: string) => Promise<boolean>,
   removeXHRBreakpoint: (path: string, method: string) => Promise<boolean>,
   interrupt: () => Promise<*>,

devtools/client/debugger/new/src/components/App.css

@@ -42,23 +42,6 @@ button:focus {
   width: 100%;
 }
 
-.search-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  z-index: 200;
-  background-color: var(--search-overlays-semitransparent);
-}
-
-.search-container .close-button {
-  width: 16px;
-  margin-top: 25px;
-  margin-right: 20px;
-}
-
 /* Utils */
 .absolute-center {
   position: absolute;

devtools/client/debugger/new/src/components/Editor/Breakpoint.js

@@ -57,6 +57,7 @@ class Breakpoint extends PureComponent<Props> {
     doc.setGutterMarker(line, "breakpoints", null);
     doc.removeLineClass(line, "line", "new-breakpoint");
     doc.removeLineClass(line, "line", "has-condition");
+    doc.removeLineClass(line, "line", "has-log");
   }
 
   get selectedLocation() {
@@ -133,12 +134,13 @@ class Breakpoint extends PureComponent<Props> {
     doc.setGutterMarker(line, "breakpoints", this.makeMarker());
 
     editor.codeMirror.addLineClass(line, "line", "new-breakpoint");
-    if (breakpoint.options.condition) {
+    editor.codeMirror.removeLineClass(line, "line", "has-condition");
+    editor.codeMirror.removeLineClass(line, "line", "has-log");
+
+    if (breakpoint.options.logValue) {
+      editor.codeMirror.addLineClass(line, "line", "has-log");
+    } else if (breakpoint.options.condition) {
       editor.codeMirror.addLineClass(line, "line", "has-condition");
-    } else if (breakpoint.options.logValue) {
-      editor.codeMirror.addLineClass(line, "line", "has-condition log");
-    } else {
-      editor.codeMirror.removeLineClass(line, "line", "has-condition");
     }
   };
 

devtools/client/debugger/new/src/components/Editor/ColumnBreakpoint.js

@@ -32,11 +32,15 @@ ReactDOM.render(<Svg name={"column-marker"} />, breakpointImg);
 
 function makeBookmark({ breakpoint }, { onClick, onContextMenu }) {
   const bp = breakpointImg.cloneNode(true);
-  const condition = breakpoint && breakpoint.options.condition;
+  if (!breakpoint) {
+    return;
+  }
+  const { condition, logValue } = breakpoint.options;
   const isActive = breakpoint && !breakpoint.disabled;
 
   bp.className = classnames("column-breakpoint", {
     "has-condition": condition,
+    "has-log": logValue,
     active: isActive,
     disabled: !isActive
   });

devtools/client/debugger/new/src/components/Editor/ColumnBreakpoints.css

@@ -36,9 +36,9 @@
   stroke: var(--theme-graphs-orange);
 }
 
-.column-breakpoint.has-condition.log svg {
-  fill: var(--theme-graphs-orange);
-  stroke: var(--theme-graphs-yellow);
+.column-breakpoint.has-log svg {
+  fill: var(--theme-graphs-purple);
+  stroke: var(--purple-60);
 }
 
 .theme-dark .column-breakpoint.active svg {

devtools/client/debugger/new/src/components/Editor/ConditionalPanel.css

@@ -23,20 +23,6 @@
   width: 30px;
 }
 
-.conditional-breakpoint-panel input {
-  margin: 5px 10px;
-  width: calc(100% - 4em);
-  border: none;
-  background: var(--theme-toolbar-background);
-  font-size: 14px;
-  color: var(--theme-conditional-breakpoint-color);
-  line-height: 30px;
-}
-
-.conditional-breakpoint-panel input:not(:placeholder-shown) {
-  font-family: var(--monospace-font-family);
-}
-
-.conditional-breakpoint-panel input:focus {
-  outline-width: 0;
+.conditional-breakpoint-panel .CodeMirror {
+  margin: 6px 10px;
 }

devtools/client/debugger/new/src/components/Editor/ConditionalPanel.js

@@ -62,12 +62,14 @@ export class ConditionalPanel extends PureComponent<Props> {
     }
   };
 
-  setBreakpoint(condition: string) {
-    const { location, log } = this.props;
-    return this.props.setBreakpointOptions(
-      location,
-      log ? { logValue: condition } : { condition }
-    );
+  setBreakpoint(value: string) {
+    const { location, log, breakpoint } = this.props;
+    const options = breakpoint ? breakpoint.options : {};
+    const type = log ? "logValue" : "condition";
+    return this.props.setBreakpointOptions(location, {
+      ...options,
+      [type]: value
+    });
   }
 
   clearConditionalPanel() {
@@ -119,7 +121,7 @@ export class ConditionalPanel extends PureComponent<Props> {
       this.renderConditionalPanel(props),
       {
         coverGutter: true,
-        noHScroll: false
+        noHScroll: true
       }
     );
     if (this.input) {
@@ -143,7 +145,7 @@ export class ConditionalPanel extends PureComponent<Props> {
   }
 
   renderConditionalPanel(props: Props) {
-    const { breakpoint, log } = props;
+    const { breakpoint, log, editor } = props;
     const options = (breakpoint && breakpoint.options) || {};
     const condition = log ? options.logValue : options.condition;
 
@@ -160,15 +162,26 @@ export class ConditionalPanel extends PureComponent<Props> {
         <div className="prompt">»</div>
         <input
           defaultValue={condition}
-          placeholder={L10N.getStr(
-            log
-              ? "editor.conditionalPanel.logPoint.placeholder"
-              : "editor.conditionalPanel.placeholder"
-          )}
-          onKeyDown={this.onKey}
           ref={input => {
+            const codeMirror = editor.CodeMirror.fromTextArea(input, {
+              mode: "javascript",
+              theme: "mozilla",
+              placeholder: L10N.getStr(
+                log
+                  ? "editor.conditionalPanel.logPoint.placeholder"
+                  : "editor.conditionalPanel.placeholder"
+              )
+            });
+            const codeMirrorWrapper = codeMirror.getWrapperElement();
+
+            codeMirrorWrapper.addEventListener("keydown", e => {
+              codeMirror.save();
+              this.onKey(e);
+            });
+
             this.input = input;
-            this.keepFocusOnInput();
+            codeMirror.focus();
+            codeMirror.setCursor(codeMirror.lineCount(), 0);
           }}
         />
       </div>,

devtools/client/debugger/new/src/components/Editor/Editor.css

@@ -24,7 +24,9 @@
   min-width: 0 !important;
 }
 
-.CodeMirror.cm-s-mozilla, .CodeMirror-scroll, .CodeMirror-sizer {
+.CodeMirror.cm-s-mozilla,
+.CodeMirror-scroll,
+.CodeMirror-sizer {
   overflow-anchor: none;
 }
 
@@ -165,9 +167,9 @@ html[dir="rtl"] .editor-mount {
   stroke: var(--theme-graphs-orange);
 }
 
-.new-breakpoint.has-condition.log .CodeMirror-gutter-wrapper svg {
-  fill: var(--theme-graphs-orange);
-  stroke: var(--theme-graphs-yellow);
+.new-breakpoint.has-log .CodeMirror-gutter-wrapper svg {
+  fill: var(--theme-graphs-purple);
+  stroke: var(--purple-60);
 }
 
 .editor.new-breakpoint.breakpoint-disabled svg {

devtools/client/debugger/new/src/components/Editor/Footer.css

@@ -39,13 +39,6 @@
   padding: 4px 6px;
 }
 
-.source-footer > .commands > .action .img {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
 .source-footer > .commands > button.action:hover {
   background: var(--theme-toolbar-background-hover);
 }
@@ -64,22 +57,8 @@
   margin: 0 4px;
 }
 
-.source-footer > .commands > .action > .img.prettyPrint {
-  mask: url(/images/prettyPrint.svg) no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--theme-body-color);
-}
-
-.source-footer > .commands > .action > .img.blackBox {
-  mask: url(/images/blackBox.svg) no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--theme-body-color);
-}
-
 .source-footer > .commands > .blackboxed > .img.blackBox {
-  background: var(--theme-highlight-blue);
+  background-color: var(--theme-highlight-blue);
 }
 
 .source-footer .blackbox-summary,

devtools/client/debugger/new/src/components/Editor/Preview.css

@@ -56,10 +56,6 @@
   border-color: var(--theme-body-color);
 }
 
-.theme-dark .popover .preview .arrow svg {
-  fill: var(--theme-comment);
-}
-
 .tooltip {
   position: fixed;
   z-index: 100;

devtools/client/debugger/new/src/components/Editor/Preview/Popup.css

@@ -71,10 +71,6 @@
   border-color: var(--theme-body-color);
 }
 
-.theme-dark .popover .preview-popup .arrow svg {
-  fill: var(--theme-comment);
-}
-
 .tooltip {
   position: fixed;
   z-index: 100;

devtools/client/debugger/new/src/components/Editor/SearchBar.css

@@ -3,39 +3,35 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .search-bar {
+  position: relative;
   display: flex;
-  border: 1px solid transparent;
-  border-top-color: var(--theme-splitter-color);
+  border-top: 1px solid var(--theme-splitter-color);
   height: var(--editor-searchbar-height);
-  transition: border-color 200ms var(--animation-curve);
 }
 
-.search-bar.search-bar-focused {
-  border-color: var(--blue-50);
+/* display a fake outline above the search bar's top border, and above
+   the source footer's top border */
+.search-bar::before {
+  content: "";
+  position: absolute;
+  z-index: 10;
+  top: -1px;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+  border: solid 1px  var(--blue-50);
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 150ms ease-out;
 }
 
-.search-bar .search-field {
-  padding-left: 7px;
+.search-bar-focused::before {
+  opacity: 1;
 }
 
-.search-bar .search-shadow {
+.search-bar .search-outline {
   flex-grow: 1;
-  border-bottom: none;
-}
-
-.search-bar .search-shadow.focused {
-  border-color: transparent;
-  transition: none;
-}
-
-.search-bar .search-field {
-  border-bottom: none;
-  padding-right: 0;
-  height: 100%;
-}
-
-.search-field .close-btn {
-  align-self: center;
+  border-width: 0;
 }
 
 .search-bottom-bar * {
@@ -47,10 +43,9 @@
   display: flex;
   flex-shrink: 0;
   justify-content: flex-end;
+  align-items: center;
   background-color: var(--theme-toolbar-background);
   padding: 0;
-  padding-inline-start: 1px;
-  padding-inline-end: 4px;
 }
 
 .search-bottom-bar .search-modifiers {
@@ -59,60 +54,34 @@
 }
 
 .search-bottom-bar .search-modifiers button {
-  padding: 0 3px;
+  padding: 2px;
   margin: 0 3px;
   border: none;
   background: none;
   width: 20px;
   height: 20px;
-  border-radius: 3px;
+  border-radius: 2px;
 }
 
-.search-bottom-bar .search-modifiers button.close-btn.big .img {
-  width: 12px;
-  height: 12px;
-}
-
-.search-bottom-bar .search-modifiers .pipe-divider {
-  height: 70%;
-  border: 1px solid var(--grey-20);
+.search-bottom-bar .pipe-divider {
+  flex: none;
+  align-self: stretch;
+  width: 1px;
   vertical-align: middle;
-  margin-inline-start: 0.8em;
-  margin-inline-end: 0.3em;
+  margin: 4px;
+  background-color: var(--theme-splitter-color);
 }
 
-.theme-dark .search-bottom-bar .search-modifiers .pipe-divider {
-  border-color: var(--grey-70);
-}
-
-.search-bottom-bar .search-modifiers button i {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  width: 16px;
-}
 .search-bottom-bar .search-modifiers .img {
-  width: 16px;
-  height: 16px;
-  vertical-align: bottom;
-  background-color: var(--theme-comment);
+  display: block;
 }
 
 .search-bottom-bar .search-modifiers button:hover {
-  background: var(--theme-toolbar-background-hover);
-}
-
-.search-bottom-bar .search-modifiers button.close-btn:hover {
-  background: var(--theme-selection-background);
+  background-color: var(--theme-toolbar-background-hover);
 }
 
 .search-bottom-bar .search-modifiers button.active .img {
-  background-color: var(--theme-selection-background);
-}
-
-.theme-dark .search-bottom-bar .search-modifiers button.active .img {
-  fill: white;
+  background-color: var(--theme-icon-checked-color);
 }
 
 .search-bottom-bar .search-type-toggles {
@@ -122,8 +91,7 @@
 }
 
 .search-bottom-bar .search-type-name {
-  padding: 1px 0 0 0;
-  margin: 0 0 0 6px;
+  margin: 0 4px;
   border: none;
   background: transparent;
   color: var(--theme-comment);
@@ -137,6 +105,10 @@
   color: white;
 }
 
+.search-bottom-bar .close-btn {
+  margin-inline-end: 3px;
+}
+
 .search-bar .result-list {
   max-height: 230px;
 }

devtools/client/debugger/new/src/components/Editor/SearchBar.js

@@ -242,13 +242,7 @@ class SearchBar extends Component<Props, State> {
   }
 
   renderSearchModifiers = () => {
-    const {
-      modifiers,
-      toggleFileSearchModifier,
-      query,
-      showClose = true,
-      size = "big"
-    } = this.props;
+    const { modifiers, toggleFileSearchModifier, query } = this.props;
     const { doSearch } = this;
 
     function SearchModBtn({ modVal, className, svgName, tooltip }) {
@@ -299,12 +293,6 @@ class SearchBar extends Component<Props, State> {
           svgName="whole-word-match"
           tooltip={L10N.getStr("symbolSearch.searchModifier.wholeWord")}
         />
-        {showClose && (
-          <React.Fragment>
-            <span className="pipe-divider" />
-            <CloseButton handleClick={this.closeSearch} buttonClass={size} />
-          </React.Fragment>
-        )}
       </div>
     );
   };
@@ -320,7 +308,9 @@ class SearchBar extends Component<Props, State> {
   render() {
     const {
       searchResults: { count },
-      searchOn
+      searchOn,
+      showClose = true,
+      size = "big"
     } = this.props;
 
     if (!searchOn) {
@@ -348,7 +338,15 @@ class SearchBar extends Component<Props, State> {
           shouldFocus={this.state.inputFocused}
           showClose={false}
         />
-        <div className="search-bottom-bar">{this.renderSearchModifiers()}</div>
+        <div className="search-bottom-bar">
+          {this.renderSearchModifiers()}
+          {showClose && (
+            <React.Fragment>
+              <span className="pipe-divider" />
+              <CloseButton handleClick={this.closeSearch} buttonClass={size} />
+            </React.Fragment>
+          )}
+        </div>
       </div>
     );
   }

devtools/client/debugger/new/src/components/Editor/Tabs.css

@@ -8,6 +8,7 @@
   height: var(--editor-header-height);
   border-bottom: 1px solid var(--theme-splitter-color);
   background-color: var(--theme-toolbar-background);
+  --overflow-button-width: 28px;
 }
 
 .source-header * {
@@ -23,8 +24,11 @@
 }
 
 .source-tabs {
-  max-width: calc(100% - 80px);
+  flex: auto;
   align-self: flex-start;
+  align-items: flex-start;
+  /* Reserve space for the overflow button (even if not visible) */
+  padding-inline-end: 28px;
 }
 
 .source-tab {
@@ -34,7 +38,7 @@
   min-width: 40px;
   max-width: 100%;
   overflow: hidden;
-  padding: 5px;
+  padding: 4px 10px;
   cursor: default;
   height: calc(var(--editor-header-height) - 1px);
   font-size: 12px;
@@ -73,54 +77,41 @@
   transform: scaleX(1);
 }
 
-.source-tab .source-icon {
-  margin-inline-end: 0;
-}
-
 .source-tab .img.prettyPrint,
-.source-tab .source-icon.blackBox {
-  height: 12px;
-  width: 12px;
-  align-self: center;
-}
-
-.source-tab .img.react {
-  mask: url(/images/react.svg) no-repeat;
-  mask-size: 100%;
-  height: 14px;
-  width: 14px;
-  background: var(--theme-highlight-bluegrey);
-  top: 0;
+.source-tab .img.blackBox {
+  mask-size: 14px;
+  background-color: currentColor;
 }
 
 .source-tab .filename {
+  display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  padding: 0 4px;
-  align-self: center;
-  margin-bottom: 1px;
+  padding-inline-end: 4px;
 }
 
 .source-tab .filename span {
   opacity: 0.7;
-  padding-left: 4px;
+  padding-inline-start: 4px;
 }
 
 .source-tab .close-btn {
   visibility: hidden;
-  line-height: 0;
+  margin-inline-end: -6px;
 }
 
 .source-tab.active .close-btn {
-  visibility: visible;
-}
-
-.source-tab.active .close {
-  visibility: visible;
-  background-color: var(--theme-toolbar-selected-color);
+  color: inherit;
 }
 
+.source-tab.active .close-btn,
 .source-tab:hover .close-btn {
   visibility: visible;
 }
+
+.source-tab .close-btn:hover,
+.source-tab .close-btn:focus {
+  color: var(--theme-selection-color);
+  background-color: var(--theme-selection-background);
+}

devtools/client/debugger/new/src/components/Editor/menus/breakpoints.js

@@ -33,30 +33,6 @@ export const removeBreakpointItem = (
   accelerator: L10N.getStr("toggleBreakpoint.key")
 });
 
-export const createConditionalBreakpointItem = (
-  location: SourceLocation,
-  breakpointActions: BreakpointItemActions
-) => ({
-  id: "node-menu-add-conditional-breakpoint",
-  label: L10N.getStr("editor.addConditionalBreakpoint"),
-  accelerator: L10N.getStr("toggleCondPanel.key"),
-  accesskey: L10N.getStr("editor.addConditionBreakpoint.accesskey"),
-  disabled: false,
-  click: () => breakpointActions.openConditionalPanel(location)
-});
-
-export const createLogBreakpointItem = (
-  location: SourceLocation,
-  breakpointActions: BreakpointItemActions
-) => ({
-  id: "node-menu-add-log-breakpoint",
-  label: L10N.getStr("editor.addLogBreakpoint"),
-  accelerator: L10N.getStr("toggleCondPanel.key"),
-  accesskey: L10N.getStr("editor.addConditionBreakpoint.accesskey"),
-  disabled: false,
-  click: () => breakpointActions.openConditionalPanel(location)
-});
-
 export const addConditionalBreakpointItem = (
   location: SourceLocation,
   breakpointActions: BreakpointItemActions
@@ -123,10 +99,10 @@ export const logPointItem = (
   breakpointActions: BreakpointItemActions
 ) => {
   const {
-    options: { condition },
+    options: { logValue },
     location
   } = breakpoint;
-  return condition
+  return logValue
     ? editLogPointItem(location, breakpointActions)
     : addLogPointItem(location, breakpointActions);
 };
@@ -157,13 +133,26 @@ export function breakpointItems(
 ) {
   const items = [
     removeBreakpointItem(breakpoint, breakpointActions),
-    toggleDisabledBreakpointItem(breakpoint, breakpointActions),
-    conditionalBreakpointItem(breakpoint, breakpointActions)
+    toggleDisabledBreakpointItem(breakpoint, breakpointActions)
   ];
 
+  if (features.columnBreakpoints) {
+    items.push(
+      { type: "separator" },
+      removeBreakpointsOnLineItem(breakpoint.location, breakpointActions),
+      breakpoint.disabled
+        ? enableBreakpointsOnLineItem(breakpoint.location, breakpointActions)
+        : disableBreakpointsOnLineItem(breakpoint.location, breakpointActions),
+      { type: "separator" }
+    );
+  }
+
+  items.push(conditionalBreakpointItem(breakpoint, breakpointActions));
+
   if (features.logPoints) {
     items.push(logPointItem(breakpoint, breakpointActions));
   }
+
   return items;
 }
 
@@ -173,19 +162,58 @@ export function createBreakpointItems(
 ) {
   const items = [
     addBreakpointItem(location, breakpointActions),
-    createConditionalBreakpointItem(location, breakpointActions)
+    addConditionalBreakpointItem(location, breakpointActions)
   ];
 
   if (features.logPoints) {
-    items.push(createLogBreakpointItem(location, breakpointActions));
+    items.push(addLogPointItem(location, breakpointActions));
   }
   return items;
 }
 
+// ToDo: Only enable if there are more than one breakpoints on a line?
+export const removeBreakpointsOnLineItem = (
+  location: SourceLocation,
+  breakpointActions: BreakpointItemActions
+) => ({
+  id: "node-menu-remove-breakpoints-on-line",
+  label: L10N.getStr("breakpointMenuItem.removeAllAtLine.label"),
+  accesskey: L10N.getStr("breakpointMenuItem.removeAllAtLine.accesskey"),
+  disabled: false,
+  click: () =>
+    breakpointActions.removeBreakpointsAtLine(location.sourceId, location.line)
+});
+
+export const enableBreakpointsOnLineItem = (
+  location: SourceLocation,
+  breakpointActions: BreakpointItemActions
+) => ({
+  id: "node-menu-remove-breakpoints-on-line",
+  label: L10N.getStr("breakpointMenuItem.enableAllAtLine.label"),
+  accesskey: L10N.getStr("breakpointMenuItem.enableAllAtLine.accesskey"),
+  disabled: false,
+  click: () =>
+    breakpointActions.enableBreakpointsAtLine(location.sourceId, location.line)
+});
+
+export const disableBreakpointsOnLineItem = (
+  location: SourceLocation,
+  breakpointActions: BreakpointItemActions
+) => ({
+  id: "node-menu-remove-breakpoints-on-line",
+  label: L10N.getStr("breakpointMenuItem.disableAllAtLine.label"),
+  accesskey: L10N.getStr("breakpointMenuItem.disableAllAtLine.accesskey"),
+  disabled: false,
+  click: () =>
+    breakpointActions.disableBreakpointsAtLine(location.sourceId, location.line)
+});
+
 export type BreakpointItemActions = {
   addBreakpoint: typeof actions.addBreakpoint,
   removeBreakpoint: typeof actions.removeBreakpoint,
   removeBreakpointsAtLine: typeof actions.removeBreakpointsAtLine,
+  enableBreakpointsAtLine: typeof actions.enableBreakpointsAtLine,
+  disableBreakpointsAtLine: typeof actions.disableBreakpointsAtLine,
   toggleDisabledBreakpoint: typeof actions.toggleDisabledBreakpoint,
   openConditionalPanel: typeof actions.openConditionalPanel
 };
@@ -196,6 +224,8 @@ export function breakpointItemActions(dispatch: Function) {
       addBreakpoint: actions.addBreakpoint,
       removeBreakpoint: actions.removeBreakpoint,
       removeBreakpointsAtLine: actions.removeBreakpointsAtLine,
+      enableBreakpointsAtLine: actions.enableBreakpointsAtLine,
+      disableBreakpointsAtLine: actions.disableBreakpointsAtLine,
       disableBreakpoint: actions.disableBreakpoint,
       toggleDisabledBreakpoint: actions.toggleDisabledBreakpoint,
       openConditionalPanel: actions.openConditionalPanel