--- a/accessible/tests/browser/bounds/browser.ini
+++ b/accessible/tests/browser/bounds/browser.ini
@@ -1,10 +1,9 @@
 [DEFAULT]
-skip-if = e10s && os == 'win' && release_or_beta
 support-files =
   head.js
   !/accessible/tests/browser/events.js
   !/accessible/tests/browser/shared-head.js
   !/accessible/tests/mochitest/*.js
   !/accessible/tests/mochitest/letters.gif
 
 [browser_test_zoom.js]

--- a/accessible/tests/browser/e10s/browser.ini
+++ b/accessible/tests/browser/e10s/browser.ini
@@ -1,10 +1,9 @@
 [DEFAULT]
-skip-if = e10s && os == 'win' && release_or_beta
 support-files =
   head.js
   doc_treeupdate_ariadialog.html
   doc_treeupdate_ariaowns.html
   doc_treeupdate_imagemap.html
   doc_treeupdate_removal.xhtml
   doc_treeupdate_visibility.html
   doc_treeupdate_whitespace.html

--- a/accessible/tests/browser/events/browser.ini
+++ b/accessible/tests/browser/events/browser.ini
@@ -1,10 +1,9 @@
 [DEFAULT]
-skip-if = e10s && os == 'win' && release_or_beta
 support-files =
   head.js
   !/accessible/tests/browser/events.js
   !/accessible/tests/browser/shared-head.js
   !/accessible/tests/mochitest/*.js
 
 [browser_test_docload.js]
 skip-if = e10s

--- a/accessible/tests/browser/scroll/browser.ini
+++ b/accessible/tests/browser/scroll/browser.ini
@@ -1,10 +1,9 @@
 [DEFAULT]
-skip-if = e10s && os == 'win' && release_or_beta
 support-files =
   head.js
   !/accessible/tests/browser/events.js
   !/accessible/tests/browser/shared-head.js
   !/accessible/tests/mochitest/*.js
 
 [browser_test_zoom_text.js]
 skip-if = e10s && os == 'win' # bug 1372296

--- a/accessible/tests/browser/states/browser.ini
+++ b/accessible/tests/browser/states/browser.ini
@@ -1,10 +1,9 @@
 [DEFAULT]
-skip-if = e10s && os == 'win' && release_or_beta
 support-files =
   head.js
   !/accessible/tests/browser/events.js
   !/accessible/tests/browser/shared-head.js
   !/accessible/tests/mochitest/*.js
 
 [browser_test_link.js]
 [browser_test_visibility.js]

--- a/accessible/tests/browser/tree/browser.ini
+++ b/accessible/tests/browser/tree/browser.ini
@@ -1,9 +1,8 @@
 [DEFAULT]
-skip-if = e10s && os == 'win' && release_or_beta
 support-files =
   head.js
   !/accessible/tests/browser/events.js
   !/accessible/tests/browser/shared-head.js
   !/accessible/tests/mochitest/*.js
 
 [browser_aria_owns.js]

--- a/browser/app/profile/firefox.js
+++ b/browser/app/profile/firefox.js
@@ -662,19 +662,16 @@ pref("network.protocol-handler.expose.ne
 pref("network.protocol-handler.expose.snews", false);
 pref("network.protocol-handler.expose.nntp", false);
 
 pref("accessibility.typeaheadfind", false);
 pref("accessibility.typeaheadfind.timeout", 5000);
 pref("accessibility.typeaheadfind.linksonly", false);
 pref("accessibility.typeaheadfind.flashBar", 1);
 
-// Tracks when accessibility is loaded into the previous session.
-pref("accessibility.loadedInLastSession", false);
-
 pref("plugins.click_to_play", true);
 pref("plugins.testmode", false);
 
 // Should plugins that are hidden show the infobar UI?
 pref("plugins.show_infobar", false);
 
 // Should dismissing the hidden plugin infobar suppress it permanently?
 pref("plugins.remember_infobar_dismissal", true);
@@ -975,19 +972,16 @@ pref("toolkit.datacollection.infoURL",
 
 // URL for "Learn More" for Crash Reporter
 pref("toolkit.crashreporter.infoURL",
      "https://www.mozilla.org/legal/privacy/firefox.html#crash-reporter");
 
 // base URL for web-based support pages
 pref("app.support.baseURL", "https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/");
 
-// a11y conflicts with e10s support page
-pref("app.support.e10sAccessibilityUrl", "https://support.mozilla.org/1/firefox/%VERSION%/%OS%/%LOCALE%/accessibility-ppt");
-
 // base url for web-based feedback pages
 #ifdef MOZ_DEV_EDITION
 pref("app.feedback.baseURL", "https://input.mozilla.org/%LOCALE%/feedback/firefoxdev/%VERSION%/");
 #else
 pref("app.feedback.baseURL", "https://input.mozilla.org/%LOCALE%/feedback/%APP%/%VERSION%/");
 #endif
 
 // base URL for web-based marketing pages

--- a/browser/components/nsBrowserGlue.js
+++ b/browser/components/nsBrowserGlue.js
@@ -523,23 +523,16 @@ BrowserGlue.prototype = {
     os.addObserver(this, "restart-in-safe-mode");
     os.addObserver(this, "flash-plugin-hang");
     os.addObserver(this, "xpi-signature-changed");
     os.addObserver(this, "sync-ui-state:update");
     os.addObserver(this, "handlersvc-store-initialized");
 
     this._flashHangCount = 0;
     this._firstWindowReady = new Promise(resolve => this._firstWindowLoaded = resolve);
-
-    if (AppConstants.platform == "macosx" ||
-        (AppConstants.platform == "win" && AppConstants.RELEASE_OR_BETA)) {
-      // Handles prompting to inform about incompatibilites when accessibility
-      // and e10s are active together.
-      E10SAccessibilityCheck.init();
-    }
   },
 
   // cleanup (called on application shutdown)
   _dispose: function BG__dispose() {
     let os = Services.obs;
     os.removeObserver(this, "notifications-open-settings");
     os.removeObserver(this, "prefservice:after-app-defaults");
     os.removeObserver(this, "final-ui-startup");
@@ -1004,20 +997,17 @@ BrowserGlue.prototype = {
       });
     }
 
     if (AppConstants.MOZ_CRASHREPORTER) {
       UnsubmittedCrashHandler.init();
     }
 
     this._sanitizer.onStartup();
-    E10SAccessibilityCheck.onWindowsRestored();
-
     this._scheduleStartupIdleTasks();
-
     this._lateTasksIdleObserver = (idleService, topic, data) => {
       if (topic == "idle") {
         idleService.removeIdleObserver(this._lateTasksIdleObserver,
                                        LATE_TASKS_IDLE_TIME_SEC);
         delete this._lateTasksIdleObserver;
         this._scheduleArbitrarilyLateIdleTasks();
       }
     };
@@ -2795,141 +2785,18 @@ var DefaultBrowserCheck = {
       let popup = doc.getElementById(this.OPTIONPOPUP);
       popup.removeEventListener("command", this);
       popup.remove();
       delete this._notification;
     }
   },
 };
 
-var E10SAccessibilityCheck = {
-  // tracks when an a11y init observer fires prior to the
-  // first window being opening.
-  _wantsPrompt: false,
-
-  init() {
-    Services.obs.addObserver(this, "a11y-init-or-shutdown", true);
-    Services.obs.addObserver(this, "quit-application-granted", true);
-  },
-
-  QueryInterface: XPCOMUtils.generateQI([Ci.nsIObserver, Ci.nsISupportsWeakReference]),
-
-  get forcedOn() {
-    try {
-      return Services.prefs.getBoolPref("browser.tabs.remote.force-enable");
-    } catch (e) {}
-    return false;
-  },
-
-  observe(subject, topic, data) {
-    switch (topic) {
-      case "quit-application-granted":
-        // Tag the profile with a11y load state. We use this in nsAppRunner
-        // checks on the next start.
-        Services.prefs.setBoolPref("accessibility.loadedInLastSession",
-                                   Services.appinfo.accessibilityEnabled);
-        break;
-      case "a11y-init-or-shutdown":
-        if (data == "1") {
-          // Update this so users can check this while still running
-          Services.prefs.setBoolPref("accessibility.loadedInLastSession", true);
-          this._showE10sAccessibilityWarning();
-        }
-        break;
-    }
-  },
-
-  onWindowsRestored() {
-    if (this._wantsPrompt) {
-      this._wantsPrompt = false;
-      this._showE10sAccessibilityWarning();
-    }
-  },
-
-  _warnedAboutAccessibility: false,
-
-  _showE10sAccessibilityWarning() {
-    // We don't prompt about a11y incompat if e10s is off.
-    if (!Services.appinfo.browserTabsRemoteAutostart) {
-      return;
-    }
-
-    // If the user set the forced pref and it's true, ignore a11y init.
-    // If the pref doesn't exist or if it's false, prompt.
-    if (this.forcedOn) {
-      return;
-    }
-
-    // Only prompt once per session
-    if (this._warnedAboutAccessibility) {
-      return;
-    }
-    this._warnedAboutAccessibility = true;
-
-    let win = RecentWindow.getMostRecentBrowserWindow();
-    if (!win || !win.gBrowser || !win.gBrowser.selectedBrowser) {
-      Services.console.logStringMessage(
-          "Accessibility support is partially disabled due to compatibility issues with new features.");
-      this._wantsPrompt = true;
-      this._warnedAboutAccessibility = false;
-      return;
-    }
-    let browser = win.gBrowser.selectedBrowser;
-
-    // We disable a11y for content and prompt on the chrome side letting
-    // a11y users know they need to disable e10s and restart.
-    let promptMessage = win.gNavigatorBundle.getFormattedString(
-                          "e10s.accessibilityNotice.mainMessage2",
-                          [gBrandBundle.GetStringFromName("brandShortName")]
-                        );
-    let notification;
-    let restartCallback  = function() {
-      let cancelQuit = Cc["@mozilla.org/supports-PRBool;1"].createInstance(Ci.nsISupportsPRBool);
-      Services.obs.notifyObservers(cancelQuit, "quit-application-requested", "restart");
-      if (cancelQuit.data) {
-        return; // somebody canceled our quit request
-      }
-      // Restart the browser
-      Services.startup.quit(Services.startup.eAttemptQuit | Services.startup.eRestart);
-    };
-    // main option: an Ok button, keeps running with content accessibility disabled
-    let mainAction = {
-      label: win.gNavigatorBundle.getString("e10s.accessibilityNotice.acceptButton.label"),
-      accessKey: win.gNavigatorBundle.getString("e10s.accessibilityNotice.acceptButton.accesskey"),
-      callback() {
-        // If the user invoked the button option remove the notification,
-        // otherwise keep the alert icon around in the address bar.
-        notification.remove();
-      },
-      dismiss: true
-    };
-    // secondary option: a restart now button. When we restart e10s will be disabled due to
-    // accessibility having been loaded in the previous session.
-    let secondaryActions = [{
-      label: win.gNavigatorBundle.getString("e10s.accessibilityNotice.enableAndRestart.label"),
-      accessKey: win.gNavigatorBundle.getString("e10s.accessibilityNotice.enableAndRestart.accesskey"),
-      callback: restartCallback,
-    }];
-    let options = {
-      popupIconURL: "chrome://browser/skin/e10s-64@2x.png",
-      learnMoreURL: Services.urlFormatter.formatURLPref("app.support.e10sAccessibilityUrl"),
-      persistent: true,
-      persistWhileVisible: true,
-    };
-
-    notification =
-      win.PopupNotifications.show(browser, "a11y_enabled_with_e10s",
-                                  promptMessage, null, mainAction,
-                                  secondaryActions, options);
-  },
-};
-
 var components = [BrowserGlue, ContentPermissionPrompt];
 this.NSGetFactory = XPCOMUtils.generateNSGetFactory(components);
 
-
 // Listen for UITour messages.
 // Do it here instead of the UITour module itself so that the UITour module is lazy loaded
 // when the first message is received.
 var globalMM = Cc["@mozilla.org/globalmessagemanager;1"].getService(Ci.nsIMessageListenerManager);
 globalMM.addMessageListener("UITour:onPageEvent", function(aMessage) {
   UITour.onPageEvent(aMessage, aMessage.data);
 });

--- a/browser/themes/linux/jar.mn
+++ b/browser/themes/linux/jar.mn
@@ -58,17 +58,14 @@ browser.jar:
   skin/classic/browser/preferences/preferences.css    (preferences/preferences.css)
 * skin/classic/browser/preferences/in-content/preferences.css (preferences/in-content/preferences.css)
 * skin/classic/browser/preferences/in-content/dialog.css      (preferences/in-content/dialog.css)
   skin/classic/browser/preferences/applications.css   (preferences/applications.css)
   skin/classic/browser/tabbrowser/tabDragIndicator.png      (tabbrowser/tabDragIndicator.png)
 
   skin/classic/browser/sync-desktopIcon.svg  (../shared/sync-desktopIcon.svg)
   skin/classic/browser/sync-mobileIcon.svg  (../shared/sync-mobileIcon.svg)
-#ifdef E10S_TESTING_ONLY
-  skin/classic/browser/e10s-64@2x.png (../shared/e10s-64@2x.png)
-#endif
 
 [extensions/{972ce4c6-7e08-4474-a285-3208198ce6fd}] chrome.jar:
 % override chrome://browser/skin/feeds/audioFeedIcon.png              chrome://browser/skin/feeds/feedIcon.png
 % override chrome://browser/skin/feeds/audioFeedIcon16.png            chrome://browser/skin/feeds/feedIcon16.png
 % override chrome://browser/skin/feeds/videoFeedIcon.png              chrome://browser/skin/feeds/feedIcon.png
 % override chrome://browser/skin/feeds/videoFeedIcon16.png            chrome://browser/skin/feeds/feedIcon16.png

--- a/browser/themes/osx/jar.mn
+++ b/browser/themes/osx/jar.mn
@@ -82,19 +82,16 @@ browser.jar:
   skin/classic/browser/sync-desktopIcon.svg  (../shared/sync-desktopIcon.svg)
   skin/classic/browser/sync-mobileIcon.svg  (../shared/sync-mobileIcon.svg)
   skin/classic/browser/yosemite/menuPanel-customize.png                (menuPanel-customize-yosemite.png)
   skin/classic/browser/yosemite/menuPanel-customize@2x.png             (menuPanel-customize-yosemite@2x.png)
   skin/classic/browser/yosemite/menuPanel-exit.png                     (menuPanel-exit-yosemite.png)
   skin/classic/browser/yosemite/menuPanel-exit@2x.png                  (menuPanel-exit-yosemite@2x.png)
   skin/classic/browser/yosemite/menuPanel-help.png                     (menuPanel-help-yosemite.png)
   skin/classic/browser/yosemite/menuPanel-help@2x.png                  (menuPanel-help-yosemite@2x.png)
-#ifdef E10S_TESTING_ONLY
-  skin/classic/browser/e10s-64@2x.png (../shared/e10s-64@2x.png)
-#endif
 
 [extensions/{972ce4c6-7e08-4474-a285-3208198ce6fd}] chrome.jar:
 % override chrome://browser/skin/feeds/audioFeedIcon.png                   chrome://browser/skin/feeds/feedIcon.png
 % override chrome://browser/skin/feeds/audioFeedIcon16.png                 chrome://browser/skin/feeds/feedIcon16.png
 % override chrome://browser/skin/feeds/videoFeedIcon.png                   chrome://browser/skin/feeds/feedIcon.png
 % override chrome://browser/skin/feeds/videoFeedIcon16.png                 chrome://browser/skin/feeds/feedIcon16.png
 % override chrome://browser/skin/notification-icons/geo-detailed.svg       chrome://browser/skin/notification-icons/geo.svg
 

--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -52,24 +52,23 @@
 
 %if defined(XP_MACOSX) || defined(XP_WIN)
 %ifdef XP_WIN
 @media (-moz-windows-default-theme) {
 %endif
 
 .customizationmode-button {
   border: 1px solid #b1b1b1;
-  margin: 6px 10px;
-  padding: 2px 5px;
   background-color: #fcfcfd;
-  color: rgb(71,71,71);
   -moz-appearance: none;
 }
 
-.customizationmode-checkbox {
+.customizationmode-checkbox,
+.customizationmode-button {
+  color: rgb(71, 71, 71);
   margin: 6px 10px;
   padding: 2px 5px;
 }
 
 #customization-reset-button,
 #customization-undo-reset-button,
 #customization-done-button {
   min-width: 10em;

deleted file mode 100644
index 1dc243865cfb412f03aa372d30fa769fd3fd5eac..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001

--- a/browser/themes/windows/jar.mn
+++ b/browser/themes/windows/jar.mn
@@ -78,20 +78,16 @@ browser.jar:
   skin/classic/browser/window-controls/maximize-themes.svg       (window-controls/maximize-themes.svg)
   skin/classic/browser/window-controls/minimize.svg              (window-controls/minimize.svg)
   skin/classic/browser/window-controls/minimize-highcontrast.svg (window-controls/minimize-highcontrast.svg)
   skin/classic/browser/window-controls/minimize-themes.svg       (window-controls/minimize-themes.svg)
   skin/classic/browser/window-controls/restore.svg               (window-controls/restore.svg)
   skin/classic/browser/window-controls/restore-highcontrast.svg  (window-controls/restore-highcontrast.svg)
   skin/classic/browser/window-controls/restore-themes.svg        (window-controls/restore-themes.svg)
 
-#ifdef E10S_TESTING_ONLY
-  skin/classic/browser/e10s-64@2x.png (../shared/e10s-64@2x.png)
-#endif
-
 [extensions/{972ce4c6-7e08-4474-a285-3208198ce6fd}] chrome.jar:
 % override chrome://browser/skin/page-livemarks.png                   chrome://browser/skin/feeds/feedIcon16.png
 % override chrome://browser/skin/feeds/audioFeedIcon.png              chrome://browser/skin/feeds/feedIcon.png
 % override chrome://browser/skin/feeds/audioFeedIcon16.png            chrome://browser/skin/feeds/feedIcon16.png
 % override chrome://browser/skin/feeds/videoFeedIcon.png              chrome://browser/skin/feeds/feedIcon.png
 % override chrome://browser/skin/feeds/videoFeedIcon16.png            chrome://browser/skin/feeds/feedIcon16.png
 
 % override chrome://browser/skin/privatebrowsing-mask-tabstrip.png    chrome://browser/skin/privatebrowsing-mask-tabstrip-win7.png  os=WINNT osversion<=6.1

--- a/devtools/client/debugger/new/debugger.css
+++ b/devtools/client/debugger/new/debugger.css
@@ -415,16 +415,20 @@ body {
   --popup-shadow-color: #d0d0d0;
 }
 
 :root.theme-dark,
 :root .theme-dark {
   --search-overlays-semitransparent: rgba(42, 46, 56, 0.66);
   --popup-shadow-color: #5c667b;
 }
+* {
+  box-sizing: border-box;
+}
+
 .debugger {
   display: flex;
   flex: 1;
   height: 100%;
 }
 
 .editor-pane {
   display: flex;
@@ -872,22 +876,16 @@ html .arrow.expanded svg {
 .managed-tree .tree .node {
   padding: 2px 3px 2px 3px;
   position: relative;
 }
 
 .managed-tree .tree .node.focused {
   color: white;
   background-color: var(--theme-selection-background);
-  padding-bottom: 2px;
-}
-
-.theme-dark .managed-tree .tree .node.focused {
-  background-color: var(--theme-selection-background-hover);
-  padding-bottom: 2px;
 }
 
 html:not([dir="rtl"]) .managed-tree .tree .node > div {
   margin-left: 10px;
 }
 
 html[dir="rtl"] .managed-tree .tree .node > div {
   margin-right: 10px;
@@ -902,17 +900,17 @@ html[dir="rtl"] .managed-tree .tree .nod
 }
 .close-btn path {
   fill: var(--theme-comment-alt);
 }
 
 .close-btn .close {
   width: 14px;
   height: 14px;
-  transition: all 0.25s ease-in-out;
+  transition: all 0.15s ease-in-out;
   border: 1px solid transparent;
   border-radius: 2px;
   padding: 0;
   margin-top: 0;
   display: inline-flex;
   justify-content: center;
 }
 
@@ -1262,37 +1260,39 @@ html[dir="rtl"] .managed-tree .tree .nod
 
 .toggle-search .title {
   font-weight: 500;
   font-size: 120%;
 }
 
 .toggle-search .text {
   margin-left: 1em;
+  cursor: default;
 }
 
 .toggle-search .active {
   color: var(--theme-selection-background);
-  cursor: default;
 }
 .sources-panel {
+  background-color: var(--theme-sidebar-background);
+  display: flex;
   flex: 1;
-  display: flex;
   flex-direction: column;
   overflow: hidden;
   position: relative;
 }
 
 .sources-panel * {
   -moz-user-select: none;
   user-select: none;
 }
 
 .sources-header {
-  height: 30px;
+  height: 29px;
+  background-color: var(--theme-toolbar-background);
   border-bottom: 1px solid var(--theme-splitter-color);
   padding-top: 0px;
   padding-bottom: 0px;
   line-height: 30px;
   font-size: 1.2em;
   display: flex;
   align-items: baseline;
   -moz-user-select: none;
@@ -2231,17 +2231,17 @@ html[dir="rtl"] .arrow svg,
  * BUG https://github.com/devtools-html/debugger.html/issues/63
  */
 .editor-wrapper {
   position: absolute;
   height: calc(100% - 31px);
   width: calc(100% - 1.5px);
   top: 30px;
   left: 0px;
-  --editor-footer-height: 27px;
+  --editor-footer-height: 24px;
 }
 
 html[dir="rtl"] .editor-mount {
   direction: ltr;
 }
 
 .editor-wrapper .breakpoints {
   position: absolute;
@@ -2435,34 +2435,18 @@ html[dir="rtl"] .editor-mount {
   left: 0;
   right: 0;
   content: "";
   margin-bottom: -1px;
 }
 
 .cm-highlight-full::before {
   border: 1px solid var(--theme-comment-alt);
-}
-
-.cm-highlight-start::before {
-  border-left-width: 1px;
-  border-left-style: solid;
-  border-left-color: var(--theme-comment-alt);
-  margin: 0 0 -1px -1px;
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-
-.cm-highlight-end::before {
-  border-right-width: 1px;
-  border-right-style: solid;
-  border-right-color: var(--theme-comment-alt);
-  margin: 0 -1px -1px 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
+  border-radius: 2px;
+  margin: 0 -1px -1px -1px;
 }
 .breakpoints-toggle {
   margin: 2px 3px;
 }
 
 .breakpoints-list * {
   -moz-user-select: none;
   user-select: none;
@@ -2561,17 +2545,17 @@ html .breakpoints-list .breakpoint.pause
 
 .breakpoint:hover .close {
   visibility: visible;
 }
 .input-expression {
   width: 100%;
   margin: 0px;
   border: 1px;
-  background-color: var(--theme-body-background);
+  background-color: var(--theme-sidebar-background);
   font-size: 12px;
   padding: 0px 20px;
   color: var(--theme-body-color);
 }
 
 .input-expression::placeholder {
   text-align: center;
   font-style: italic;
@@ -2582,17 +2566,17 @@ html .breakpoints-list .breakpoint.pause
 .input-expression:focus {
   outline: none;
   cursor: text;
 }
 
 .expressions-list {
   /* TODO: add normalize */
   margin: 0;
-  padding: 0.5em 0;
+  padding: 0;
 }
 .expression-input-container {
   padding: 0.5em;
   display: flex;
 }
 
 .expression-container {
   border: 1px;
@@ -2846,41 +2830,48 @@ html .breakpoints-list .breakpoint.pause
 
 .event-listeners .listener .close {
   display: none;
 }
 
 .event-listeners .listener:hover .close {
   display: block;
 }
+
+:root {
+  --accordion-header-background: var(--theme-toolbar-background);
+}
+
+:root.theme-dark {
+  --accordion-header-background: #141416;
+}
+
 .accordion {
-  background-color: var(--theme-body-background);
+  background-color: var(--theme-sidebar-background);
   width: 100%;
 }
 
 .accordion ._header {
-  background-color: var(--theme-toolbar-background);
+  background-color: var(--accordion-header-background);
   border-bottom: 1px solid var(--theme-splitter-color);
+  display: flex;
   font-size: 12px;
-  padding: 5px;
+  padding: 4px;
   transition: all 0.25s ease;
   width: 100%;
+  height: 24px;
   align-items: center;
 
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
 }
 
-.accordion ._header {
-  display: flex;
-}
-
 .accordion ._header:hover {
   background-color: var(--theme-toolbar-background-hover);
 }
 
 .accordion ._header button svg,
 .accordion ._header:hover button svg {
   fill: currentColor;
   height: 16px;
@@ -2916,25 +2907,25 @@ html .breakpoints-list .breakpoint.pause
   width: 16px;
   height: 16px;
 }
 
 .accordion .header-buttons button::-moz-focus-inner {
   border: none;
 }
 .command-bar {
-  flex: 0 0 30px;
+  flex: 0 0 29px;
   border-bottom: 1px solid var(--theme-splitter-color);
   display: flex;
-  height: 30px;
+  height: 29px;
   overflow: hidden;
   position: sticky;
   top: 0;
   z-index: 1;
-  background-color: var(--theme-body-background);
+  background-color: var(--theme-toolbar-background);
 }
 
 .command-bar.vertical {
   width: 100vw;
 }
 
 html[dir="rtl"] .command-bar {
   border-right: 1px solid var(--theme-splitter-color);
@@ -3078,41 +3069,56 @@ html .command-bar > button:disabled {
   height: calc(100% - 30px);
   position: absolute;
   top: 30px;
   left: 0;
   padding: 50px 0 0 0;
   text-align: center;
   font-size: 1.25em;
   color: var(--theme-comment-alt);
-  background-color: var(--theme-tab-toolbar-background);
+  background-color: var(--theme-toolbar-background);
   font-weight: lighter;
   z-index: 100;
 }
 
+.theme-dark .welcomebox {
+  background-color: var(--theme-body-background);
+}
+
 .alignlabel {
   display: inline-block;
-  text-align: left;
 }
 
 .welcomebox .toggle-button-end {
   position: absolute;
   top: auto;
   bottom: 0;
   offset-inline-end: 0;
   offset-inline-start: auto;
 }
 
+.shortcutKeys {
+  text-align: right;
+  float: left;
+  font-family: Courier;
+}
+
+.shortcutFunction {
+  text-align: left;
+  float: left;
+  margin-left: 25px;
+}
+
 html .welcomebox .toggle-button-end.collapsed {
   bottom: 1px;
 }
 .source-header {
   border-bottom: 1px solid var(--theme-splitter-color);
   width: 100%;
-  height: 30px;
+  height: 29px;
   display: flex;
   align-items: flex-end;
 }
 
 .source-header * {
   -moz-user-select: none;
   user-select: none;
 }
@@ -3142,17 +3148,17 @@ html .welcomebox .toggle-button-end.coll
 
 .source-tab {
   border: 1px solid transparent;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   display: inline-flex;
   align-items: flex-end;
   position: relative;
-  transition: all 0.25s ease;
+  transition: all 0.15s ease;
   min-width: 40px;
   overflow: hidden;
   padding: 5px;
   margin-inline-start: 3px;
   margin-top: 4px;
 }
 
 .source-tab:hover {

--- a/devtools/client/debugger/new/debugger.js
+++ b/devtools/client/debugger/new/debugger.js
@@ -1339,17 +1339,16 @@ function warning(message) {
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InitialState = InitialState;
 exports.getTextSearchResults = getTextSearchResults;
-exports.getTextSearchResult = getTextSearchResult;
 exports.getTextSearchQuery = getTextSearchQuery;
 
 var _immutable = __webpack_require__(146);
 
 var I = _interopRequireWildcard(_immutable);
 
 var _makeRecord = __webpack_require__(230);
 
@@ -1364,44 +1363,46 @@ function _interopRequireWildcard(obj) { 
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 /**
  * Search reducer
  * @module reducers/search
  */
 
 function InitialState() {
-  return (0, _makeRecord2.default)({ query: "", results: I.Map() })();
+  return (0, _makeRecord2.default)({ query: "", results: I.List() })();
 }
 
 function update() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : InitialState();
   var action = arguments[1];
 
   switch (action.type) {
     case "ADD_QUERY":
       return state.update("query", value => action.query);
 
     case "CLEAR_QUERY":
       return state.remove("query");
 
     case "ADD_SEARCH_RESULT":
-      return state.updateIn(["results", action.result.sourceId], value => action.result);
+      var _results = state.get("results");
+      return state.merge({ results: _results.push(action.result) });
+
+    case "CLEAR_SEARCH_RESULTS":
+      return state.merge({
+        results: state.get("results").clear()
+      });
   }
   return state;
 }
 
 function getTextSearchResults(state) {
   return state.projectTextSearch.get("results");
 }
 
-function getTextSearchResult(state, id) {
-  return state.projectTextSearch.getIn(["results", id]);
-}
-
 function getTextSearchQuery(state) {
   return state.projectTextSearch.get("query");
 }
 
 exports.default = update;
 
 /***/ }),
 /* 32 */
@@ -1822,16 +1823,17 @@ function compose() {
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.addSearchQuery = addSearchQuery;
 exports.clearSearchQuery = clearSearchQuery;
+exports.clearSearchResults = clearSearchResults;
 exports.searchSources = searchSources;
 exports.searchSource = searchSource;
 
 var _search = __webpack_require__(1115);
 
 var _selectors = __webpack_require__(242);
 
 var _sources = __webpack_require__(254);
@@ -1860,59 +1862,69 @@ function clearSearchQuery() {
   return (_ref2) => {
     var dispatch = _ref2.dispatch,
         getState = _ref2.getState;
 
     dispatch({ type: "CLEAR_QUERY" });
   };
 }
 
+function clearSearchResults() {
+  return (_ref3) => {
+    var dispatch = _ref3.dispatch,
+        getState = _ref3.getState;
+
+    dispatch({ type: "CLEAR_SEARCH_RESULTS" });
+  };
+}
+
 function searchSources(query) {
   return (() => {
-    var _ref3 = _asyncToGenerator(function* (_ref4) {
-      var dispatch = _ref4.dispatch,
-          getState = _ref4.getState;
-
+    var _ref4 = _asyncToGenerator(function* (_ref5) {
+      var dispatch = _ref5.dispatch,
+          getState = _ref5.getState;
+
+      yield dispatch(clearSearchResults());
       yield dispatch(addSearchQuery(query));
       yield dispatch((0, _sources.loadAllSources)());
       var sources = (0, _selectors.getSources)(getState());
       var validSources = sources.valueSeq().filter(function (source) {
         return source.has("text");
       }).toJS();
 
       for (var source of validSources) {
         yield dispatch(searchSource(source, query));
       }
     });
 
     return function (_x) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   })();
 }
 
 function searchSource(source, query) {
   return (() => {
-    var _ref5 = _asyncToGenerator(function* (_ref6) {
-      var dispatch = _ref6.dispatch,
-          getState = _ref6.getState;
+    var _ref6 = _asyncToGenerator(function* (_ref7) {
+      var dispatch = _ref7.dispatch,
+          getState = _ref7.getState;
 
       var matches = yield (0, _search.findSourceMatches)(source, query);
       dispatch({
         type: "ADD_SEARCH_RESULT",
         result: {
           sourceId: source.id,
           filepath: source.url,
           matches
         }
       });
     });
 
     return function (_x2) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   })();
 }
 
 /***/ }),
 /* 38 */,
 /* 39 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -5956,26 +5968,26 @@ function renderRoot(_React, _ReactDOM, c
   // bail in test environments that do not have a mount
   if (!mount) {
     return;
   }
 
   var root = Root("launchpad-root theme-body");
   mount.appendChild(root);
 
+  if (isDevelopment()) {
+    updateConfig();
+    updateTheme();
+  }
+
   if (component.props || component.propTypes) {
     _ReactDOM.render(createElement(Provider, { store: _store }, createElement(component)), root);
   } else {
     root.appendChild(component);
   }
-
-  if (isDevelopment()) {
-    updateConfig();
-    updateTheme();
-  }
 }
 
 function unmountRoot(_ReactDOM) {
   var mount = document.querySelector("#mount .launchpad-root");
   _ReactDOM.unmountComponentAtNode(mount);
 }
 
 function getTargetFromQuery() {
@@ -15930,17 +15942,17 @@ function thunk(makeArgs) {
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 // @flow
 
 const { isDevelopment } = __webpack_require__(828);
 const { Services, PrefsHelper } = __webpack_require__(830);
 
-const prefsSchemaVersion = "1.0.2";
+const prefsSchemaVersion = "1.0.3";
 
 const pref = Services.pref;
 
 if (isDevelopment()) {
   pref("devtools.debugger.client-source-maps-enabled", true);
   pref("devtools.debugger.pause-on-exceptions", false);
   pref("devtools.debugger.ignore-caught-exceptions", false);
   pref("devtools.debugger.call-stack-visible", false);
@@ -15952,17 +15964,17 @@ if (isDevelopment()) {
   pref("devtools.debugger.pending-selected-location", "{}");
   pref("devtools.debugger.pending-breakpoints", "{}");
   pref("devtools.debugger.expressions", "[]");
   pref("devtools.debugger.file-search-case-sensitive", false);
   pref("devtools.debugger.file-search-whole-word", false);
   pref("devtools.debugger.file-search-regex-match", false);
   pref("devtools.debugger.prefs-schema-version", "1.0.1");
   pref("devtools.debugger.project-text-search-enabled", true);
-  pref("devtools.debugger.features.async-stepping", false);
+  pref("devtools.debugger.features.async-stepping", true);
 }
 
 const prefs = new PrefsHelper("devtools", {
   clientSourceMapsEnabled: ["Bool", "debugger.client-source-maps-enabled"],
   pauseOnExceptions: ["Bool", "debugger.pause-on-exceptions"],
   ignoreCaughtExceptions: ["Bool", "debugger.ignore-caught-exceptions"],
   callStackVisible: ["Bool", "debugger.call-stack-visible"],
   scopesVisible: ["Bool", "debugger.scopes-visible"],
@@ -15971,28 +15983,24 @@ const prefs = new PrefsHelper("devtools"
   frameworkGroupingOn: ["Bool", "debugger.ui.framework-grouping-on"],
   tabs: ["Json", "debugger.tabs", []],
   pendingSelectedLocation: ["Json", "debugger.pending-selected-location", {}],
   pendingBreakpoints: ["Json", "debugger.pending-breakpoints", {}],
   expressions: ["Json", "debugger.expressions", []],
   fileSearchCaseSensitive: ["Bool", "debugger.file-search-case-sensitive"],
   fileSearchWholeWord: ["Bool", "debugger.file-search-whole-word"],
   fileSearchRegexMatch: ["Bool", "debugger.file-search-regex-match"],
-  debuggerPrefsSchemaVersion: ["Char", "debugger.prefs-schema-version"],
-  projectTextSearchEnabled: [
-    "Bool",
-    "debugger.project-text-search-enabled",
-    false
-  ]
+  debuggerPrefsSchemaVersion: ["Char", "debugger.prefs-schema-version"]
 });
 /* harmony export (immutable) */ __webpack_exports__["prefs"] = prefs;
 
 
 const features = new PrefsHelper("devtools.debugger.features", {
-  asyncStepping: ["Bool", "async-stepping", false]
+  asyncStepping: ["Bool", "async-stepping", false],
+  projectTextSearch: ["Bool", "debugger.project-text-search-enabled", true]
 });
 /* harmony export (immutable) */ __webpack_exports__["features"] = features;
 
 
 if (prefs.debuggerPrefsSchemaVersion !== prefsSchemaVersion) {
   // clear pending Breakpoints
   prefs.pendingBreakpoints = {};
   prefs.debuggerPrefsSchemaVersion = prefsSchemaVersion;
@@ -16821,23 +16829,30 @@ function getSourceLineCount(source) {
  * @return String
  * @memberof utils/source
  * @static
  */
 
 function getMode(source) {
   var contentType = source.contentType,
       text = source.text,
-      isWasm = source.isWasm;
+      isWasm = source.isWasm,
+      url = source.url;
 
 
   if (!text || isWasm) {
     return { name: "text" };
   }
 
+  // if the url ends with .marko we set the name to Javascript so
+  // syntax highlighting works for marko too
+  if (url && url.match(/\.marko$/i)) {
+    return { name: "javascript" };
+  }
+
   // Use HTML mode for files in which the first non whitespace
   // character is `<` regardless of extension.
   var isHTMLLike = text.match(/^\s*</);
   if (!contentType) {
     if (isHTMLLike) {
       return { name: "htmlmixed" };
     }
     return { name: "text" };
@@ -17044,17 +17059,17 @@ var _immutable = __webpack_require__(146
 var I = _interopRequireWildcard(_immutable);
 
 var _makeRecord = __webpack_require__(230);
 
 var _makeRecord2 = _interopRequireDefault(_makeRecord);
 
 var _devtoolsSourceMap = __webpack_require__(898);
 
-var _breakpoint2 = __webpack_require__(1057);
+var _breakpoint = __webpack_require__(1057);
 
 var _reselect = __webpack_require__(993);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 function initialState() {
@@ -17071,17 +17086,17 @@ function update() {
   switch (action.type) {
     case "ADD_BREAKPOINT":
       {
         return addBreakpoint(state, action);
       }
 
     case "SYNC_BREAKPOINT":
       {
-        return addBreakpoint(state, action);
+        return syncBreakpoint(state, action);
       }
 
     case "ENABLE_BREAKPOINT":
       {
         return addBreakpoint(state, action);
       }
 
     case "DISABLE_BREAKPOINT":
@@ -17104,80 +17119,83 @@ function update() {
         return remapBreakpoints(state, action);
       }
   }
 
   return state;
 }
 
 function addBreakpoint(state, action) {
-  if (action.status === "start") {
+  if (action.status === "start" && action.breakpoint) {
     var breakpoint = action.breakpoint;
 
-    var locationId = (0, _breakpoint2.makeLocationId)(breakpoint.location);
+    var locationId = (0, _breakpoint.makeLocationId)(breakpoint.location);
     return state.setIn(["breakpoints", locationId], breakpoint);
   }
 
   // when the action completes, we can commit the breakpoint
   if (action.status === "done") {
-    var _action$value = action.value,
-        _breakpoint = _action$value.breakpoint,
-        previousLocation = _action$value.previousLocation;
-
-    var _locationId = (0, _breakpoint2.makeLocationId)(_breakpoint.location);
-
-    if (previousLocation) {
-      return state.deleteIn(["breakpoints", (0, _breakpoint2.makeLocationId)(previousLocation)]).setIn(["breakpoints", _locationId], _breakpoint);
-    }
-
-    return state.setIn(["breakpoints", _locationId], _breakpoint);
+    return syncBreakpoint(state, action.value);
   }
 
   // Remove the optimistic update
-  if (action.status === "error") {
-    var _locationId2 = (0, _breakpoint2.makeLocationId)(action.breakpoint.location);
-    return state.deleteIn(["breakpoints", _locationId2]);
+  if (action.status === "error" && action.breakpoint) {
+    var _locationId = (0, _breakpoint.makeLocationId)(action.breakpoint.location);
+    return state.deleteIn(["breakpoints", _locationId]);
   }
 
   return state;
 }
 
+function syncBreakpoint(state, data) {
+  var breakpoint = data.breakpoint,
+      previousLocation = data.previousLocation;
+
+  var locationId = (0, _breakpoint.makeLocationId)(breakpoint.location);
+
+  if (previousLocation) {
+    return state.deleteIn(["breakpoints", (0, _breakpoint.makeLocationId)(previousLocation)]).setIn(["breakpoints", locationId], breakpoint);
+  }
+
+  return state.setIn(["breakpoints", locationId], breakpoint);
+}
+
 function updateBreakpoint(state, action) {
   var breakpoint = action.breakpoint;
 
-  var locationId = (0, _breakpoint2.makeLocationId)(breakpoint.location);
+  var locationId = (0, _breakpoint.makeLocationId)(breakpoint.location);
   return state.setIn(["breakpoints", locationId], breakpoint);
 }
 
 function remapBreakpoints(state, action) {
   var breakpoints = action.breakpoints.reduce((updatedBreakpoints, breakpoint) => {
-    var locationId = (0, _breakpoint2.makeLocationId)(breakpoint.location);
+    var locationId = (0, _breakpoint.makeLocationId)(breakpoint.location);
     return _extends({}, updatedBreakpoints, { [locationId]: breakpoint });
   }, {});
 
   return state.set("breakpoints", I.Map(breakpoints));
 }
 
 function removeBreakpoint(state, action) {
   var breakpoint = action.breakpoint;
 
-  var id = (0, _breakpoint2.makeLocationId)(breakpoint.location);
+  var id = (0, _breakpoint.makeLocationId)(breakpoint.location);
   return state.deleteIn(["breakpoints", id]);
 }
 
 // Selectors
 // TODO: these functions should be moved out of the reducer
 
 function getBreakpoints(state) {
   return state.breakpoints.breakpoints;
 }
 
 function getBreakpoint(state, location) {
   var breakpoints = getBreakpoints(state);
-  return breakpoints.get((0, _breakpoint2.makeLocationId)(location));
+  return breakpoints.get((0, _breakpoint.makeLocationId)(location));
 }
 
 function getBreakpointsDisabled(state) {
   return state.breakpoints.breakpoints.every(x => x.disabled);
 }
 
 function getBreakpointsLoading(state) {
   var breakpoints = getBreakpoints(state);
@@ -17518,16 +17536,19 @@ function update() {
         shouldIgnoreCaughtExceptions: _shouldIgnoreCaughtExceptions
       });
 
     case "COMMAND":
       return _extends({}, state, { command: action.value.type });
 
     case "CLEAR_COMMAND":
       return _extends({}, state, { command: "" });
+
+    case "NAVIGATE":
+      return _extends({}, state, { debuggeeUrl: action.url });
   }
 
   return state;
 }
 
 // Selectors
 
 // Unfortunately, it's really hard to make these functions accept just
@@ -17606,17 +17627,17 @@ exports.default = update;
 
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.State = undefined;
-exports.getActiveSearchState = getActiveSearchState;
+exports.getActiveSearch = getActiveSearch;
 exports.getFileSearchQueryState = getFileSearchQueryState;
 exports.getFileSearchModifierState = getFileSearchModifierState;
 exports.getSearchResults = getSearchResults;
 exports.getFrameworkGroupingState = getFrameworkGroupingState;
 exports.getSymbolSearchType = getSymbolSearchType;
 exports.getShownSource = getShownSource;
 exports.getPaneCollapse = getPaneCollapse;
 exports.getHighlightedLineRange = getHighlightedLineRange;
@@ -17743,17 +17764,17 @@ function update() {
       {
         return state;
       }
   }
 }
 
 // NOTE: we'd like to have the app state fully typed
 // https://github.com/devtools-html/debugger.html/blob/master/src/reducers/sources.js#L179-L185
-function getActiveSearchState(state) {
+function getActiveSearch(state) {
   return state.ui.get("activeSearch");
 }
 
 function getFileSearchQueryState(state) {
   return state.ui.get("fileSearchQuery");
 }
 
 function getFileSearchModifierState(state) {
@@ -18022,42 +18043,82 @@ class App extends _react.Component {
     this.state = {
       horizontal: verticalLayoutBreakpoint.matches,
       startPanelSize: 0,
       endPanelSize: 0
     };
 
     this.getChildContext = this.getChildContext.bind(this);
     this.onLayoutChange = this.onLayoutChange.bind(this);
+    this.toggleSymbolModal = this.toggleSymbolModal.bind(this);
     this.renderEditorPane = this.renderEditorPane.bind(this);
     this.renderVerticalLayout = this.renderVerticalLayout.bind(this);
+    this.onEscape = this.onEscape.bind(this);
   }
 
   getChildContext() {
     return { shortcuts };
   }
 
   componentDidMount() {
     verticalLayoutBreakpoint.addListener(this.onLayoutChange);
+    shortcuts.on(L10N.getStr("symbolSearch.search.key2"), this.toggleSymbolModal);
+    shortcuts.on("Escape", this.onEscape);
   }
 
   componentWillUnmount() {
     verticalLayoutBreakpoint.removeListener(this.onLayoutChange);
+    shortcuts.off(L10N.getStr("symbolSearch.search.key2"), this.toggleSymbolModal);
+    shortcuts.off("Escape", this.onEscape);
+  }
+
+  onEscape(_, e) {
+    var _props = this.props,
+        activeSearch = _props.activeSearch,
+        closeActiveSearch = _props.closeActiveSearch;
+
+
+    if (activeSearch) {
+      e.preventDefault();
+      closeActiveSearch();
+    }
+  }
+
+  toggleSymbolModal(_, e) {
+    var _props2 = this.props,
+        selectedSource = _props2.selectedSource,
+        activeSearch = _props2.activeSearch,
+        closeActiveSearch = _props2.closeActiveSearch,
+        setActiveSearch = _props2.setActiveSearch;
+
+
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (!selectedSource) {
+      return;
+    }
+
+    if (activeSearch == "symbol") {
+      return closeActiveSearch();
+    }
+
+    setActiveSearch("symbol");
   }
 
   onLayoutChange() {
     if ((0, _ui.isVisible)()) {
       this.setState({ horizontal: verticalLayoutBreakpoint.matches });
     }
   }
 
   renderEditorPane() {
-    var _props = this.props,
-        startPanelCollapsed = _props.startPanelCollapsed,
-        endPanelCollapsed = _props.endPanelCollapsed;
+    var _props3 = this.props,
+        startPanelCollapsed = _props3.startPanelCollapsed,
+        endPanelCollapsed = _props3.endPanelCollapsed;
     var _state = this.state,
         horizontal = _state.horizontal,
         endPanelSize = _state.endPanelSize,
         startPanelSize = _state.startPanelSize;
 
 
     return _react2.default.createElement(
       "div",
@@ -18079,19 +18140,19 @@ class App extends _react.Component {
         }),
         !this.props.selectedSource ? _react2.default.createElement(_WelcomeBox2.default, { horizontal: horizontal }) : null,
         _react2.default.createElement(_ProjectSearch2.default, null)
       )
     );
   }
 
   renderHorizontalLayout() {
-    var _props2 = this.props,
-        startPanelCollapsed = _props2.startPanelCollapsed,
-        endPanelCollapsed = _props2.endPanelCollapsed;
+    var _props4 = this.props,
+        startPanelCollapsed = _props4.startPanelCollapsed,
+        endPanelCollapsed = _props4.endPanelCollapsed;
     var horizontal = this.state.horizontal;
 
 
     var overflowX = endPanelCollapsed ? "hidden" : "auto";
 
     return _react2.default.createElement(_devtoolsSplitter2.default, {
       style: { width: "100vw" },
       initialSize: "250px",
@@ -18113,19 +18174,19 @@ class App extends _react.Component {
         endPanel: _react2.default.createElement(_SecondaryPanes2.default, { horizontal: horizontal }),
         endPanelCollapsed: endPanelCollapsed,
         vert: horizontal
       })
     });
   }
 
   renderVerticalLayout() {
-    var _props3 = this.props,
-        startPanelCollapsed = _props3.startPanelCollapsed,
-        endPanelCollapsed = _props3.endPanelCollapsed;
+    var _props5 = this.props,
+        startPanelCollapsed = _props5.startPanelCollapsed,
+        endPanelCollapsed = _props5.endPanelCollapsed;
     var horizontal = this.state.horizontal;
 
 
     return _react2.default.createElement(_devtoolsSplitter2.default, {
       style: { width: "100vw" },
       initialSize: "300px",
       minSize: 30,
       maxSize: "99%",
@@ -18141,42 +18202,52 @@ class App extends _react.Component {
         startPanel: _react2.default.createElement(_PrimaryPanes2.default, { horizontal: horizontal }),
         endPanel: this.renderEditorPane()
       }),
       endPanel: _react2.default.createElement(_SecondaryPanes2.default, { horizontal: horizontal }),
       endPanelCollapsed: endPanelCollapsed
     });
   }
 
-  render() {
-    var _props4 = this.props,
-        selectSource = _props4.selectSource,
-        selectedSource = _props4.selectedSource;
-
-
+  renderSymbolModal() {
+    var _props6 = this.props,
+        selectSource = _props6.selectSource,
+        selectedSource = _props6.selectedSource,
+        activeSearch = _props6.activeSearch;
+
+
+    if (activeSearch !== "symbol") {
+      return;
+    }
+
+    return _react2.default.createElement(_SymbolModal2.default, {
+      selectSource: selectSource,
+      selectedSource: selectedSource
+    });
+  }
+
+  render() {
     return _react2.default.createElement(
       "div",
       { className: "debugger" },
       this.state.horizontal ? this.renderHorizontalLayout() : this.renderVerticalLayout(),
-      _react2.default.createElement(_SymbolModal2.default, {
-        selectSource: selectSource,
-        selectedSource: selectedSource
-      })
+      this.renderSymbolModal()
     );
   }
 }
 
 App.displayName = "App";
 
 App.childContextTypes = { shortcuts: _react.PropTypes.object };
 
 exports.default = (0, _reactRedux.connect)(state => ({
   selectedSource: (0, _selectors.getSelectedSource)(state),
   startPanelCollapsed: (0, _selectors.getPaneCollapse)(state, "start"),
-  endPanelCollapsed: (0, _selectors.getPaneCollapse)(state, "end")
+  endPanelCollapsed: (0, _selectors.getPaneCollapse)(state, "end"),
+  activeSearch: (0, _selectors.getActiveSearch)(state)
 }), dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(App);
 
 /***/ }),
 /* 244 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
@@ -18220,49 +18291,42 @@ var ast = _interopRequireWildcard(_ast);
 var _coverage = __webpack_require__(322);
 
 var coverage = _interopRequireWildcard(_coverage);
 
 var _projectTextSearch = __webpack_require__(37);
 
 var projectTextSearch = _interopRequireWildcard(_projectTextSearch);
 
-var _sourceSearch = __webpack_require__(1143);
+var _sourceSearch = __webpack_require__(1144);
 
 var sourceSearch = _interopRequireWildcard(_sourceSearch);
 
+var _loadSourceText = __webpack_require__(1143);
+
+var loadSourceText = _interopRequireWildcard(_loadSourceText);
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
-exports.default = Object.assign({}, navigation, breakpoints, expressions, eventListeners, sources, pause, ui, ast, coverage, projectTextSearch, sourceSearch);
+exports.default = Object.assign({}, navigation, breakpoints, expressions, eventListeners, sources, pause, ui, ast, coverage, projectTextSearch, sourceSearch, loadSourceText);
 
 /***/ }),
 /* 245 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-/* 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/. */
-
-/**
- * Redux actions for breakpoints
- * @module actions/breakpoints
- */
-
-// this will need to be changed so that addCLientBreakpoint is removed
-
 
 exports.syncBreakpoint = syncBreakpoint;
 exports.addBreakpoint = addBreakpoint;
 exports.addHiddenBreakpoint = addHiddenBreakpoint;
 exports.removeBreakpoint = removeBreakpoint;
 exports.enableBreakpoint = enableBreakpoint;
 exports.disableBreakpoint = disableBreakpoint;
 exports.toggleAllBreakpoints = toggleAllBreakpoints;
@@ -18289,101 +18353,111 @@ var _remapLocations = __webpack_require_
 
 var _remapLocations2 = _interopRequireDefault(_remapLocations);
 
 var _syncBreakpoint = __webpack_require__(1137);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
+/* 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/. */
+
+/**
+ * Redux actions for breakpoints
+ * @module actions/breakpoints
+ */
+
+// this will need to be changed so that addCLientBreakpoint is removed
+
 
 /**
  * Syncing a breakpoint add breakpoint information that is stored, and
  * contact the server for more data.
  *
  * @memberof actions/breakpoints
  * @static
  * @param {String} $1.sourceId String  value
  * @param {PendingBreakpoint} $1.location PendingBreakpoint  value
  */
-function syncBreakpoint(source, pendingBreakpoint) {
-  return (_ref) => {
-    var dispatch = _ref.dispatch,
-        getState = _ref.getState,
-        client = _ref.client,
-        sourceMaps = _ref.sourceMaps;
-
-    var sourceId = source.id;
-    var _pendingBreakpoint$lo = pendingBreakpoint.location,
-        line = _pendingBreakpoint$lo.line,
-        sourceUrl = _pendingBreakpoint$lo.sourceUrl,
-        column = _pendingBreakpoint$lo.column;
-
-    var location = { sourceId, sourceUrl, line, column };
-    var breakpoint = (0, _breakpoint.createBreakpoint)(location, pendingBreakpoint);
-
-    var syncPromise = (0, _syncBreakpoint.syncClientBreakpoint)(getState, client, sourceMaps, source, pendingBreakpoint);
-
-    return dispatch({
-      type: "SYNC_BREAKPOINT",
-      breakpoint,
-      [_promise.PROMISE]: syncPromise
-    });
-  };
+function syncBreakpoint(sourceId, pendingBreakpoint) {
+  return (() => {
+    var _ref = _asyncToGenerator(function* (_ref2) {
+      var dispatch = _ref2.dispatch,
+          getState = _ref2.getState,
+          client = _ref2.client,
+          sourceMaps = _ref2.sourceMaps;
+
+      var _ref3 = yield (0, _syncBreakpoint.syncClientBreakpoint)(getState, client, sourceMaps, sourceId, pendingBreakpoint),
+          breakpoint = _ref3.breakpoint,
+          previousLocation = _ref3.previousLocation;
+
+      return dispatch({
+        type: "SYNC_BREAKPOINT",
+        breakpoint,
+        previousLocation
+      });
+    });
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  })();
 }
 
 /**
  * Add a new breakpoint
  *
  * @memberof actions/breakpoints
  * @static
  * @param {String} $1.condition Conditional breakpoint condition value
  * @param {Boolean} $1.disabled Disable value for breakpoint value
  */
 
 function addBreakpoint(location, condition, hidden) {
   var breakpoint = (0, _breakpoint.createBreakpoint)(location, { condition, hidden });
-  return (_ref2) => {
-    var dispatch = _ref2.dispatch,
-        getState = _ref2.getState,
-        sourceMaps = _ref2.sourceMaps,
-        client = _ref2.client;
+  return (_ref4) => {
+    var dispatch = _ref4.dispatch,
+        getState = _ref4.getState,
+        sourceMaps = _ref4.sourceMaps,
+        client = _ref4.client;
 
     var action = { type: "ADD_BREAKPOINT", breakpoint };
     var promise = (0, _addBreakpoint2.default)(getState, client, sourceMaps, action);
     return dispatch(_extends({}, action, { [_promise.PROMISE]: promise }));
   };
 }
 
 /**
  * Add a new hidden breakpoint
  *
  * @memberOf actions/breakpoints
  * @param location
  * @return {function(ThunkArgs)}
  */
 function addHiddenBreakpoint(location) {
-  return (_ref3) => {
-    var dispatch = _ref3.dispatch;
+  return (_ref5) => {
+    var dispatch = _ref5.dispatch;
 
     return dispatch(addBreakpoint(location, "", true));
   };
 }
 
 /**
  * Remove a single breakpoint
  *
  * @memberof actions/breakpoints
  * @static
  */
 function removeBreakpoint(location) {
-  return (_ref4) => {
-    var dispatch = _ref4.dispatch,
-        getState = _ref4.getState,
-        client = _ref4.client;
+  return (_ref6) => {
+    var dispatch = _ref6.dispatch,
+        getState = _ref6.getState,
+        client = _ref6.client;
 
     var bp = (0, _selectors.getBreakpoint)(getState(), location);
     if (!bp) {
       throw new Error("attempt to remove breakpoint that does not exist");
     }
 
     if (bp.loading) {
       // TODO(jwl): make this wait until the breakpoint is saved if it
@@ -18415,54 +18489,54 @@ function removeBreakpoint(location) {
  * will reuse the existing breakpoint information that is stored.
  *
  * @memberof actions/breakpoints
  * @static
  * @param {Location} $1.location Location  value
  */
 function enableBreakpoint(location) {
   return (() => {
-    var _ref5 = _asyncToGenerator(function* (_ref6) {
-      var dispatch = _ref6.dispatch,
-          getState = _ref6.getState,
-          client = _ref6.client,
-          sourceMaps = _ref6.sourceMaps;
+    var _ref7 = _asyncToGenerator(function* (_ref8) {
+      var dispatch = _ref8.dispatch,
+          getState = _ref8.getState,
+          client = _ref8.client,
+          sourceMaps = _ref8.sourceMaps;
 
       var breakpoint = (0, _selectors.getBreakpoint)(getState(), location);
       if (!breakpoint) {
         throw new Error("attempted to enable a breakpoint that does not exist");
       }
 
       var action = { type: "ENABLE_BREAKPOINT", breakpoint };
       var promise = (0, _addBreakpoint2.default)(getState, client, sourceMaps, action);
       return dispatch({
         type: "ENABLE_BREAKPOINT",
         breakpoint,
         [_promise.PROMISE]: promise
       });
     });
 
-    return function (_x) {
-      return _ref5.apply(this, arguments);
+    return function (_x2) {
+      return _ref7.apply(this, arguments);
     };
   })();
 }
 
 /**
  * Disable a single breakpoint
  *
  * @memberof actions/breakpoints
  * @static
  */
 function disableBreakpoint(location) {
   return (() => {
-    var _ref7 = _asyncToGenerator(function* (_ref8) {
-      var dispatch = _ref8.dispatch,
-          getState = _ref8.getState,
-          client = _ref8.client;
+    var _ref9 = _asyncToGenerator(function* (_ref10) {
+      var dispatch = _ref10.dispatch,
+          getState = _ref10.getState,
+          client = _ref10.client;
 
       var bp = (0, _selectors.getBreakpoint)(getState(), location);
 
       if (!bp) {
         throw new Error("attempt to disable a breakpoint that does not exist");
       }
 
       if (bp.loading) {
@@ -18475,156 +18549,156 @@ function disableBreakpoint(location) {
       var newBreakpoint = _extends({}, bp, { disabled: true });
 
       return dispatch({
         type: "DISABLE_BREAKPOINT",
         breakpoint: newBreakpoint
       });
     });
 
-    return function (_x2) {
-      return _ref7.apply(this, arguments);
+    return function (_x3) {
+      return _ref9.apply(this, arguments);
     };
   })();
 }
 
 /**
  * Toggle All Breakpoints
  *
  * @memberof actions/breakpoints
  * @static
  */
 function toggleAllBreakpoints(shouldDisableBreakpoints) {
   return (() => {
-    var _ref9 = _asyncToGenerator(function* (_ref10) {
-      var dispatch = _ref10.dispatch,
-          getState = _ref10.getState;
+    var _ref11 = _asyncToGenerator(function* (_ref12) {
+      var dispatch = _ref12.dispatch,
+          getState = _ref12.getState;
 
       var breakpoints = (0, _selectors.getBreakpoints)(getState());
-      for (var _ref11 of breakpoints) {
-        var _ref12 = _slicedToArray(_ref11, 2);
-
-        var breakpoint = _ref12[1];
+      for (var _ref13 of breakpoints) {
+        var _ref14 = _slicedToArray(_ref13, 2);
+
+        var breakpoint = _ref14[1];
 
         if (shouldDisableBreakpoints) {
           yield dispatch(disableBreakpoint(breakpoint.location));
         } else {
           yield dispatch(enableBreakpoint(breakpoint.location));
         }
       }
     });
 
-    return function (_x3) {
-      return _ref9.apply(this, arguments);
+    return function (_x4) {
+      return _ref11.apply(this, arguments);
     };
   })();
 }
 
 /**
  * Toggle Breakpoints
  *
  * @memberof actions/breakpoints
  * @static
  */
 function toggleBreakpoints(shouldDisableBreakpoints, breakpoints) {
   return (() => {
-    var _ref13 = _asyncToGenerator(function* (_ref14) {
-      var dispatch = _ref14.dispatch;
-
-      for (var _ref15 of breakpoints) {
-        var _ref16 = _slicedToArray(_ref15, 2);
-
-        var breakpoint = _ref16[1];
+    var _ref15 = _asyncToGenerator(function* (_ref16) {
+      var dispatch = _ref16.dispatch;
+
+      for (var _ref17 of breakpoints) {
+        var _ref18 = _slicedToArray(_ref17, 2);
+
+        var breakpoint = _ref18[1];
 
         if (shouldDisableBreakpoints) {
           yield dispatch(disableBreakpoint(breakpoint.location));
         } else {
           yield dispatch(enableBreakpoint(breakpoint.location));
         }
       }
     });
 
-    return function (_x4) {
-      return _ref13.apply(this, arguments);
+    return function (_x5) {
+      return _ref15.apply(this, arguments);
     };
   })();
 }
 
 /**
  * Removes all breakpoints
  *
  * @memberof actions/breakpoints
  * @static
  */
 function removeAllBreakpoints() {
   return (() => {
-    var _ref17 = _asyncToGenerator(function* (_ref18) {
-      var dispatch = _ref18.dispatch,
-          getState = _ref18.getState;
+    var _ref19 = _asyncToGenerator(function* (_ref20) {
+      var dispatch = _ref20.dispatch,
+          getState = _ref20.getState;
 
       var breakpoints = (0, _selectors.getBreakpoints)(getState());
-      for (var _ref19 of breakpoints) {
-        var _ref20 = _slicedToArray(_ref19, 2);
-
-        var breakpoint = _ref20[1];
+      for (var _ref21 of breakpoints) {
+        var _ref22 = _slicedToArray(_ref21, 2);
+
+        var breakpoint = _ref22[1];
 
         yield dispatch(removeBreakpoint(breakpoint.location));
       }
     });
 
-    return function (_x5) {
-      return _ref17.apply(this, arguments);
+    return function (_x6) {
+      return _ref19.apply(this, arguments);
     };
   })();
 }
 
 /**
  * Removes breakpoints
  *
  * @memberof actions/breakpoints
  * @static
  */
 function removeBreakpoints(breakpoints) {
   return (() => {
-    var _ref21 = _asyncToGenerator(function* (_ref22) {
-      var dispatch = _ref22.dispatch;
-
-      for (var _ref23 of breakpoints) {
-        var _ref24 = _slicedToArray(_ref23, 2);
-
-        var breakpoint = _ref24[1];
+    var _ref23 = _asyncToGenerator(function* (_ref24) {
+      var dispatch = _ref24.dispatch;
+
+      for (var _ref25 of breakpoints) {
+        var _ref26 = _slicedToArray(_ref25, 2);
+
+        var breakpoint = _ref26[1];
 
         yield dispatch(removeBreakpoint(breakpoint.location));
       }
     });
 
-    return function (_x6) {
-      return _ref21.apply(this, arguments);
+    return function (_x7) {
+      return _ref23.apply(this, arguments);
     };
   })();
 }
 
 function remapBreakpoints(sourceId) {
   return (() => {
-    var _ref25 = _asyncToGenerator(function* (_ref26) {
-      var dispatch = _ref26.dispatch,
-          getState = _ref26.getState,
-          sourceMaps = _ref26.sourceMaps;
+    var _ref27 = _asyncToGenerator(function* (_ref28) {
+      var dispatch = _ref28.dispatch,
+          getState = _ref28.getState,
+          sourceMaps = _ref28.sourceMaps;
 
       var breakpoints = (0, _selectors.getBreakpoints)(getState());
       var newBreakpoints = yield (0, _remapLocations2.default)(breakpoints, sourceId, sourceMaps);
 
       return dispatch({
         type: "REMAP_BREAKPOINTS",
         breakpoints: newBreakpoints
       });
     });
 
-    return function (_x7) {
-      return _ref25.apply(this, arguments);
+    return function (_x8) {
+      return _ref27.apply(this, arguments);
     };
   })();
 }
 
 /**
  * Update the condition of a breakpoint.
  *
  * @throws {Error} "not implemented"
@@ -18632,25 +18706,25 @@ function remapBreakpoints(sourceId) {
  * @static
  * @param {Location} location
  *        @see DebuggerController.Breakpoints.addBreakpoint
  * @param {string} condition
  *        The condition to set on the breakpoint
  * @param {Boolean} $1.disabled Disable value for breakpoint value
  */
 function setBreakpointCondition(location) {
-  var _ref27 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      condition = _ref27.condition;
+  var _ref29 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      condition = _ref29.condition;
 
   return (() => {
-    var _ref28 = _asyncToGenerator(function* (_ref29) {
-      var dispatch = _ref29.dispatch,
-          getState = _ref29.getState,
-          client = _ref29.client,
-          sourceMaps = _ref29.sourceMaps;
+    var _ref30 = _asyncToGenerator(function* (_ref31) {
+      var dispatch = _ref31.dispatch,
+          getState = _ref31.getState,
+          client = _ref31.client,
+          sourceMaps = _ref31.sourceMaps;
 
       var bp = (0, _selectors.getBreakpoint)(getState(), location);
       if (!bp) {
         return dispatch(addBreakpoint(location, condition));
       }
 
       if (bp.loading) {
         // TODO(jwl): when this function is called, make sure the action
@@ -18670,28 +18744,28 @@ function setBreakpointCondition(location
       (0, _breakpoint.assertBreakpoint)(newBreakpoint);
 
       return dispatch({
         type: "SET_BREAKPOINT_CONDITION",
         breakpoint: newBreakpoint
       });
     });
 
-    return function (_x9) {
-      return _ref28.apply(this, arguments);
+    return function (_x10) {
+      return _ref30.apply(this, arguments);
     };
   })();
 }
 
 function toggleBreakpoint(line, column) {
-  return (_ref30) => {
-    var dispatch = _ref30.dispatch,
-        getState = _ref30.getState,
-        client = _ref30.client,
-        sourceMaps = _ref30.sourceMaps;
+  return (_ref32) => {
+    var dispatch = _ref32.dispatch,
+        getState = _ref32.getState,
+        client = _ref32.client,
+        sourceMaps = _ref32.sourceMaps;
 
     var selectedSource = (0, _selectors.getSelectedSource)(getState());
     var bp = (0, _selectors.getBreakpointAtLocation)(getState(), { line, column });
 
     if (bp && bp.loading) {
       return;
     }
 
@@ -18710,21 +18784,21 @@ function toggleBreakpoint(line, column) 
       sourceUrl: selectedSource.get("url"),
       line: line,
       column: column
     }));
   };
 }
 
 function addOrToggleDisabledBreakpoint(line, column) {
-  return (_ref31) => {
-    var dispatch = _ref31.dispatch,
-        getState = _ref31.getState,
-        client = _ref31.client,
-        sourceMaps = _ref31.sourceMaps;
+  return (_ref33) => {
+    var dispatch = _ref33.dispatch,
+        getState = _ref33.getState,
+        client = _ref33.client,
+        sourceMaps = _ref33.sourceMaps;
 
     var selectedSource = (0, _selectors.getSelectedSource)(getState());
     var bp = (0, _selectors.getBreakpointAtLocation)(getState(), { line, column });
 
     if (bp && bp.loading) {
       return;
     }
 
@@ -18738,21 +18812,21 @@ function addOrToggleDisabledBreakpoint(l
       sourceUrl: selectedSource.get("url"),
       line: line,
       column: column
     }));
   };
 }
 
 function toggleDisabledBreakpoint(line, column) {
-  return (_ref32) => {
-    var dispatch = _ref32.dispatch,
-        getState = _ref32.getState,
-        client = _ref32.client,
-        sourceMaps = _ref32.sourceMaps;
+  return (_ref34) => {
+    var dispatch = _ref34.dispatch,
+        getState = _ref34.getState,
+        client = _ref34.client,
+        sourceMaps = _ref34.sourceMaps;
 
     var bp = (0, _selectors.getBreakpointAtLocation)(getState(), { line, column });
     if (bp && bp.loading) {
       return;
     }
 
     if (!bp) {
       throw new Error("attempt to disable breakpoint that does not exist");
@@ -19492,32 +19566,34 @@ var checkSelectedSource = (() => {
 
 var checkPendingBreakpoint = (() => {
   var _ref2 = _asyncToGenerator(function* (state, dispatch, pendingBreakpoint, source) {
     var sourceUrl = pendingBreakpoint.location.sourceUrl;
 
     var sameSource = sourceUrl && sourceUrl === source.url;
 
     if (sameSource) {
-      yield dispatch((0, _breakpoints.syncBreakpoint)(source, pendingBreakpoint));
+      yield dispatch((0, _breakpoints.syncBreakpoint)(source.id, pendingBreakpoint));
     }
   });
 
   return function checkPendingBreakpoint(_x4, _x5, _x6, _x7) {
     return _ref2.apply(this, arguments);
   };
 })();
 
 var checkPendingBreakpoints = (() => {
   var _ref3 = _asyncToGenerator(function* (state, dispatch, source) {
-    var pendingBreakpoints = (0, _selectors.getPendingBreakpoints)(state);
-    if (!pendingBreakpoints) {
-      return;
-    }
-
+    var pendingBreakpoints = (0, _selectors.getPendingBreakpointsForSource)(state, source.url);
+    if (!pendingBreakpoints.size) {
+      return;
+    }
+
+    // load the source text if there is a pending breakpoint for it
+    yield dispatch((0, _loadSourceText.loadSourceText)(source));
     var pendingBreakpointsArray = pendingBreakpoints.valueSeq().toJS();
     for (var pendingBreakpoint of pendingBreakpointsArray) {
       yield checkPendingBreakpoint(state, dispatch, pendingBreakpoint, source);
     }
   });
 
   return function checkPendingBreakpoints(_x8, _x9, _x10) {
     return _ref3.apply(this, arguments);
@@ -19537,35 +19613,38 @@ exports.selectSourceURL = selectSourceUR
 exports.selectSource = selectSource;
 exports.jumpToMappedLocation = jumpToMappedLocation;
 exports.addTab = addTab;
 exports.moveTab = moveTab;
 exports.closeTab = closeTab;
 exports.closeTabs = closeTabs;
 exports.togglePrettyPrint = togglePrettyPrint;
 exports.toggleBlackBox = toggleBlackBox;
-exports.loadSourceText = loadSourceText;
 exports.loadAllSources = loadAllSources;
 
 var _promise = __webpack_require__(193);
 
 var _assert = __webpack_require__(223);
 
 var _assert2 = _interopRequireDefault(_assert);
 
 var _breakpoints = __webpack_require__(245);
 
 var _ast = __webpack_require__(1059);
 
 var _projectTextSearch = __webpack_require__(37);
 
+var _ui = __webpack_require__(321);
+
 var _source = __webpack_require__(233);
 
 var _createPrettySource = __webpack_require__(195);
 
+var _loadSourceText = __webpack_require__(1143);
+
 var _prefs = __webpack_require__(226);
 
 var _editor = __webpack_require__(257);
 
 var _selectors = __webpack_require__(242);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19718,30 +19797,30 @@ function selectSource(id) {
     }
 
     var source = (0, _selectors.getSource)(getState(), id);
     if (!source) {
       // If there is no source we deselect the current selected source
       return dispatch({ type: "CLEAR_SELECTED_SOURCE" });
     }
 
-    var activeSearch = (0, _selectors.getActiveSearchState)(getState());
+    var activeSearch = (0, _selectors.getActiveSearch)(getState());
     if (activeSearch !== "file") {
-      dispatch({ type: "TOGGLE_ACTIVE_SEARCH", value: null });
+      dispatch((0, _ui.closeActiveSearch)());
     }
 
     dispatch(addTab(source.toJS(), 0));
 
     return dispatch({
       type: "SELECT_SOURCE",
       source: source.toJS(),
       tabIndex: options.tabIndex,
       line: options.line,
       [_promise.PROMISE]: _asyncToGenerator(function* () {
-        yield dispatch(loadSourceText(source.toJS()));
+        yield dispatch((0, _loadSourceText.loadSourceText)(source.toJS()));
         yield dispatch((0, _ast.setOutOfScopeLocations)());
       })()
     });
   };
 }
 
 /**
  * @memberof actions/sources
@@ -19913,90 +19992,45 @@ function toggleBlackBox(source) {
 
     return function (_x19) {
       return _ref21.apply(this, arguments);
     };
   })();
 }
 
 /**
- * @memberof actions/sources
- * @static
- */
-function loadSourceText(source) {
-  return (() => {
-    var _ref23 = _asyncToGenerator(function* (_ref24) {
-      var dispatch = _ref24.dispatch,
-          getState = _ref24.getState,
-          client = _ref24.client,
-          sourceMaps = _ref24.sourceMaps;
-
-      // Fetch the source text only once.
-      if (source.text) {
-        return Promise.resolve(source);
-      }
-
-      yield dispatch({
-        type: "LOAD_SOURCE_TEXT",
-        source: source,
-        [_promise.PROMISE]: _asyncToGenerator(function* () {
-          if (sourceMaps.isOriginalId(source.id)) {
-            return yield sourceMaps.getOriginalSourceText(source);
-          }
-
-          var response = yield client.sourceContents(source.id);
-
-          return {
-            id: source.id,
-            text: response.source,
-            contentType: response.contentType || "text/javascript"
-          };
-        })()
-      });
-
-      yield dispatch((0, _ast.setSymbols)(source.id));
-      yield dispatch((0, _ast.setEmptyLines)(source.id));
-    });
-
-    return function (_x20) {
-      return _ref23.apply(this, arguments);
-    };
-  })();
-}
-
-/**
   Load the text for all the avaliable sources
  * @memberof actions/sources
  * @static
  */
 function loadAllSources() {
   return (() => {
-    var _ref26 = _asyncToGenerator(function* (_ref27) {
-      var dispatch = _ref27.dispatch,
-          getState = _ref27.getState;
+    var _ref23 = _asyncToGenerator(function* (_ref24) {
+      var dispatch = _ref24.dispatch,
+          getState = _ref24.getState;
 
       var sources = (0, _selectors.getSources)(getState());
       var query = (0, _selectors.getTextSearchQuery)(getState());
-      for (var _ref28 of sources) {
-        var _ref29 = _slicedToArray(_ref28, 2);
-
-        var src = _ref29[1];
+      for (var _ref25 of sources) {
+        var _ref26 = _slicedToArray(_ref25, 2);
+
+        var src = _ref26[1];
 
         var source = src.toJS();
-        yield dispatch(loadSourceText(source));
+        yield dispatch((0, _loadSourceText.loadSourceText)(source));
         // If there is a current search query we search
         // each of the source texts as they get loaded
         if (query) {
           yield dispatch((0, _projectTextSearch.searchSource)(source, query));
         }
       }
     });
 
-    return function (_x21) {
-      return _ref26.apply(this, arguments);
+    return function (_x20) {
+      return _ref23.apply(this, arguments);
     };
   })();
 }
 
 /***/ }),
 /* 255 */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -20459,51 +20493,39 @@ function isWhitespace(query) {
  * Also the token function code is mainly based of work done
  * by the chrome devtools team. Thanks guys! :)
  *
  * @memberof utils/source-search
  * @static
  */
 function searchOverlay(query, modifiers) {
   var regexQuery = (0, _buildQuery2.default)(query, modifiers, {
-    ignoreSpaces: true
-  });
-
-  var matchLength = null;
-
-  return {
-    token: function (stream) {
-      if (stream.column() === 0) {
-        matchLength = null;
-      }
-      if (matchLength !== null) {
-        if (matchLength > 2) {
-          for (var i = 0; i < matchLength - 2; ++i) {
-            stream.next();
-          }
-          matchLength = 1;
-          return "highlight";
-        }
-        stream.next();
-        matchLength = null;
-        return "highlight highlight-end";
-      }
-
-      var match = stream.match(regexQuery, false);
-      if (match) {
-        stream.next();
-        var len = match[0].length;
-        if (len === 1) {
-          return "highlight highlight-full";
-        }
-        matchLength = len;
-        return "highlight highlight-start";
-      }
-      while (!stream.match(regexQuery, false) && stream.peek()) {
-        stream.next();
+    ignoreSpaces: true,
+    // regex must be global for the overlay
+    isGlobal: true
+  });
+
+  return {
+    token: function (stream, state) {
+      // set the last index to be the current stream position
+      // this acts as an offset
+      regexQuery.lastIndex = stream.pos;
+      var match = regexQuery.exec(stream.string);
+      if (match && match.index === stream.pos) {
+        // if we have a match at the current stream position
+        // set the class for a match
+        stream.pos += match[0].length || 1;
+        return "highlight highlight-full";
+      } else if (match) {
+        // if we have a match somewhere in the line, go to that point in the
+        // stream
+        stream.pos = match.index;
+      } else {
+        // if we have no matches in this line, skip to the end of the line
+        stream.skipToEnd();
       }
     }
   };
 }
 
 /**
  * @memberof utils/source-search
  * @static
@@ -20553,16 +20575,17 @@ function doSearch(ctx, rev, query, keepS
 
   if (!cm) {
     return;
   }
   var defaultIndex = { line: -1, ch: -1 };
 
   return cm.operation(function () {
     if (!query || isWhitespace(query)) {
+      clearSearch(cm, query, modifiers);
       return;
     }
 
     var state = getSearchState(cm, query, modifiers);
     var isNewQuery = state.query !== query;
     state.query = query;
 
     updateOverlay(cm, state, query, modifiers);
@@ -21413,46 +21436,49 @@ function pauseOnExceptions(shouldPauseOn
 
 /**
  * Debugger commands like stepOver, stepIn, stepUp
  *
  * @param string $0.type
  * @memberof actions/pause
  * @static
  */
-function command(_ref5) {
-  var type = _ref5.type;
-
-  return (_ref6) => {
-    var dispatch = _ref6.dispatch,
-        client = _ref6.client;
-
-    // execute debugger thread command e.g. stepIn, stepOver
-    client[type]().then(() => dispatch({ type: "CLEAR_COMMAND" }));
-
-    return dispatch({
-      type: "COMMAND",
-      value: { type }
-    });
-  };
+function command(type) {
+  return (() => {
+    var _ref5 = _asyncToGenerator(function* (_ref6) {
+      var dispatch = _ref6.dispatch,
+          client = _ref6.client;
+
+      // execute debugger thread command e.g. stepIn, stepOver
+      dispatch({ type: "COMMAND", value: { type } });
+
+      yield client[type]();
+
+      dispatch({ type: "CLEAR_COMMAND" });
+    });
+
+    return function (_x2) {
+      return _ref5.apply(this, arguments);
+    };
+  })();
 }
 
 /**
  * StepIn
  * @memberof actions/pause
  * @static
  * @returns {Function} {@link command}
  */
 function stepIn() {
   return (_ref7) => {
     var dispatch = _ref7.dispatch,
         getState = _ref7.getState;
 
     if ((0, _selectors.getPause)(getState())) {
-      return dispatch(astCommand("stepIn"));
+      return dispatch(command("stepIn"));
     }
   };
 }
 
 /**
  * stepOver
  * @memberof actions/pause
  * @static
@@ -21476,34 +21502,34 @@ function stepOver() {
  * @returns {Function} {@link command}
  */
 function stepOut() {
   return (_ref9) => {
     var dispatch = _ref9.dispatch,
         getState = _ref9.getState;
 
     if ((0, _selectors.getPause)(getState())) {
-      return dispatch(astCommand("stepOut"));
+      return dispatch(command("stepOut"));
     }
   };
 }
 
 /**
  * resume
  * @memberof actions/pause
  * @static
  * @returns {Function} {@link command}
  */
 function resume() {
   return (_ref10) => {
     var dispatch = _ref10.dispatch,
         getState = _ref10.getState;
 
     if ((0, _selectors.getPause)(getState())) {
-      return dispatch(command({ type: "resume" }));
+      return dispatch(command("resume"));
     }
   };
 }
 
 /**
  * Debugger breakOnNext command.
  * It's different from the comand action because we also want to
  * highlight the pause icon.
@@ -21542,17 +21568,17 @@ function selectFrame(frame) {
 
       dispatch({
         type: "SELECT_FRAME",
         frame,
         scopes
       });
     });
 
-    return function (_x2) {
+    return function (_x3) {
       return _ref12.apply(this, arguments);
     };
   })();
 }
 
 /**
  * @memberof actions/pause
  * @static
@@ -21586,38 +21612,41 @@ function loadObjectProperties(object) {
 function astCommand(stepType) {
   return (() => {
     var _ref15 = _asyncToGenerator(function* (_ref16) {
       var dispatch = _ref16.dispatch,
           getState = _ref16.getState,
           sourceMaps = _ref16.sourceMaps;
 
       if (!_prefs.features.asyncStepping) {
-        return dispatch(command({ type: stepType }));
+        return dispatch(command(stepType));
       }
 
       var pauseInfo = (0, _selectors.getPause)(getState());
       var source = (0, _selectors.getSelectedSource)(getState()).toJS();
       var currentHiddenBreakpointLocation = (0, _breakpoints2.getHiddenBreakpointLocation)(getState());
+
       if (currentHiddenBreakpointLocation) {
         dispatch((0, _breakpoints.removeBreakpoint)(currentHiddenBreakpointLocation));
       }
+
       var pausedPosition = yield (0, _pause.getPausedPosition)(pauseInfo, sourceMaps);
 
-      var _ref17 = yield parser.getNextStep(source, stepType, pausedPosition),
-          nextStepType = _ref17.nextStepType,
-          nextHiddenBreakpointLocation = _ref17.nextHiddenBreakpointLocation;
-
-      if (nextHiddenBreakpointLocation) {
-        yield dispatch((0, _breakpoints.addHiddenBreakpoint)(nextHiddenBreakpointLocation));
-      }
-      return dispatch(command({ type: nextStepType }));
-    });
-
-    return function (_x3) {
+      if (stepType == "stepOver") {
+        var nextLocation = yield parser.getNextStep(source, pausedPosition);
+        if (nextLocation) {
+          yield dispatch((0, _breakpoints.addHiddenBreakpoint)(nextLocation));
+          return dispatch(command("resume"));
+        }
+      }
+
+      return dispatch(command(stepType));
+    });
+
+    return function (_x4) {
       return _ref15.apply(this, arguments);
     };
   })();
 }
 
 /***/ }),
 /* 320 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -21663,16 +21692,17 @@ function willNavigate(_, event) {
           getState = _ref2.getState,
           client = _ref2.client,
           sourceMaps = _ref2.sourceMaps;
 
       yield sourceMaps.clearSourceMaps();
       (0, _wasm.clearWasmStates)();
       (0, _editor.clearDocuments)();
       (0, _parser.clearSymbols)();
+      (0, _parser.clearASTs)();
 
       dispatch(navigate(event.url));
     });
 
     return function (_x) {
       return _ref.apply(this, arguments);
     };
   })();
@@ -21735,55 +21765,69 @@ exports.updateSearchResults = updateSear
 exports.toggleFileSearchModifier = toggleFileSearchModifier;
 exports.showSource = showSource;
 exports.togglePaneCollapse = togglePaneCollapse;
 exports.highlightLineRange = highlightLineRange;
 exports.clearHighlightLineRange = clearHighlightLineRange;
 
 var _selectors = __webpack_require__(242);
 
+var _sourceSearch = __webpack_require__(1144);
+
 function closeActiveSearch() {
-  return {
-    type: "TOGGLE_ACTIVE_SEARCH",
-    value: null
-  };
-}
+  return (_ref) => {
+    var getState = _ref.getState,
+        dispatch = _ref.dispatch;
+
+    var activeSearch = (0, _selectors.getActiveSearch)(getState());
+
+    if (activeSearch == "source") {
+      dispatch((0, _sourceSearch.clearSourceSearchQuery)());
+    }
+
+    dispatch({
+      type: "TOGGLE_ACTIVE_SEARCH",
+      value: null
+    });
+  };
+}
+
 function setActiveSearch(activeSearch) {
-  return (_ref) => {
-    var dispatch = _ref.dispatch,
-        getState = _ref.getState;
-
-    var activeSearchState = (0, _selectors.getActiveSearchState)(getState());
+  return (_ref2) => {
+    var dispatch = _ref2.dispatch,
+        getState = _ref2.getState;
+
+    var activeSearchState = (0, _selectors.getActiveSearch)(getState());
     if (activeSearchState === activeSearch) {
       return;
     }
 
     dispatch({
       type: "TOGGLE_ACTIVE_SEARCH",
       value: activeSearch
     });
   };
 }
 
 function toggleFrameworkGrouping(toggleValue) {
-  return (_ref2) => {
-    var dispatch = _ref2.dispatch,
-        getState = _ref2.getState;
+  return (_ref3) => {
+    var dispatch = _ref3.dispatch,
+        getState = _ref3.getState;
 
     dispatch({
       type: "TOGGLE_FRAMEWORK_GROUPING",
       value: toggleValue
     });
   };
 }
 
 function setSelectedSymbolType(symbolType) {
-  return (_ref3) => {
-    var dispatch = _ref3.dispatch,
-        getState = _ref3.getState;
+  return (_ref4) => {
+    var dispatch = _ref4.dispatch,
+        getState = _ref4.getState;
 
     dispatch({
       type: "SET_SYMBOL_SEARCH_TYPE",
       symbolType
     });
   };
 }
 
@@ -21801,19 +21845,19 @@ function updateSearchResults(results) {
   };
 }
 
 function toggleFileSearchModifier(modifier) {
   return { type: "TOGGLE_FILE_SEARCH_MODIFIER", modifier };
 }
 
 function showSource(sourceId) {
-  return (_ref4) => {
-    var dispatch = _ref4.dispatch,
-        getState = _ref4.getState;
+  return (_ref5) => {
+    var dispatch = _ref5.dispatch,
+        getState = _ref5.getState;
 
     var source = (0, _selectors.getSource)(getState(), sourceId);
 
     dispatch({
       type: "SHOW_SOURCE",
       sourceUrl: ""
     });
 
@@ -24364,19 +24408,19 @@ var isMacOS = appinfo.OS === "Darwin";
  *
  * For Win/Lin this replaces CommandOrControl or CmdOrCtrl with Ctrl
  *
  * @memberof utils/text
  * @static
  */
 function formatKeyShortcut(shortcut) {
   if (isMacOS) {
-    return shortcut.replace(/Shift\+/g, "\u21E7+").replace(/Command\+|Cmd\+/g, "\u2318+").replace(/CommandOrControl\+|CmdOrCtrl\+/g, "\u2318+").replace(/Alt\+/g, "\u2325+");
-  }
-  return shortcut.replace(/CommandOrControl\+|CmdOrCtrl\+/g, `${L10N.getStr("ctrl")}+`);
+    return shortcut.replace(/Shift\+/g, "\u21E7 ").replace(/Command\+|Cmd\+/g, "\u2318 ").replace(/CommandOrControl\+|CmdOrCtrl\+/g, "\u2318 ").replace(/Alt\+/g, "\u2325 ");
+  }
+  return shortcut.replace(/CommandOrControl\+|CmdOrCtrl\+/g, `${L10N.getStr("ctrl")} `).replace(/Shift\+/g, "Shift ");
 }
 
 exports.formatKeyShortcut = formatKeyShortcut;
 
 /***/ }),
 /* 390 */,
 /* 391 */,
 /* 392 */,
@@ -24450,16 +24494,20 @@ class ManagedTree extends _react.Compone
     if (listItems && listItems != this.props.listItems && listItems.length) {
       this.expandListItems(listItems);
     }
 
     var highlightItems = nextProps.highlightItems;
     if (highlightItems && highlightItems != this.props.highlightItems && highlightItems.length) {
       this.highlightItem(highlightItems);
     }
+
+    if (nextProps.focused && nextProps.focused !== this.props.focused) {
+      this.focusItem(nextProps.focused);
+    }
   }
 
   setExpanded(item, isExpanded) {
     var expanded = this.state.expanded;
     var itemPath = this.props.getPath(item);
     if (isExpanded) {
       expanded.add(itemPath);
     } else {
@@ -24473,17 +24521,17 @@ class ManagedTree extends _react.Compone
       this.props.onCollapse(item);
     }
   }
 
   expandListItems(listItems) {
     var expanded = this.state.expanded;
     listItems.forEach(item => expanded.add(this.props.getPath(item)));
     this.focusItem(listItems[0]);
-    this.setState({ expanded: expanded });
+    this.setState({ expanded });
   }
 
   highlightItem(highlightItems) {
     var expanded = this.state.expanded;
 
     // This file is visible, so we highlight it.
     if (expanded.has(this.props.getPath(highlightItems[0]))) {
       this.focusItem(highlightItems[0]);
@@ -24662,17 +24710,17 @@ var _HitMarker2 = _interopRequireDefault
 var _CallSites = __webpack_require__(1159);
 
 var _CallSites2 = _interopRequireDefault(_CallSites);
 
 var _DebugLine = __webpack_require__(313);
 
 var _DebugLine2 = _interopRequireDefault(_DebugLine);
 
-var _EmptyLines = __webpack_require__(1144);
+var _EmptyLines = __webpack_require__(1146);
 
 var _EmptyLines2 = _interopRequireDefault(_EmptyLines);
 
 var _editor = __webpack_require__(257);
 
 __webpack_require__(905);
 
 __webpack_require__(906);
@@ -25341,17 +25389,17 @@ exports.default = (0, _reactRedux.connec
   var selectedLocation = (0, _selectors.getSelectedLocation)(state);
   var sourceId = selectedLocation && selectedLocation.sourceId;
   var selectedSource = (0, _selectors.getSelectedSource)(state);
 
   return {
     selectedLocation,
     selectedSource,
     highlightedLineRange: (0, _selectors.getHighlightedLineRange)(state),
-    searchOn: (0, _selectors.getActiveSearchState)(state) === "file",
+    searchOn: (0, _selectors.getActiveSearch)(state) === "file",
     loadedObjects: (0, _selectors.getLoadedObjects)(state),
     breakpoints: (0, _selectors.getVisibleBreakpoints)(state),
     hitCount: (0, _selectors.getHitCountForSource)(state, sourceId),
     selectedFrame: (0, _selectors.getSelectedFrame)(state),
     pauseData: (0, _selectors.getPause)(state),
     coverageOn: (0, _selectors.getCoverageEnabled)(state),
     query: (0, _selectors.getFileSearchQueryState)(state),
     searchModifiers: (0, _selectors.getFileSearchModifierState)(state),
@@ -25494,19 +25542,19 @@ class SourceFooter extends _react.PureCo
     if (!(0, _devtoolsConfig.isEnabled)("codeCoverage")) {
       return;
     }
 
     return _react2.default.createElement(
       "button",
       {
         className: "coverage action",
-        title: "Code Coverage",
+        title: L10N.getStr("sourceFooter.codeCoverage"),
         onClick: () => recordCoverage(),
-        "aria-label": "Code Coverage"
+        "aria-label": L10N.getStr("sourceFooter.codeCoverage")
       },
       "C"
     );
   }
 
   renderToggleButton() {
     if (this.props.horizontal) {
       return;
@@ -25668,18 +25716,16 @@ var _actions = __webpack_require__(244);
 var _actions2 = _interopRequireDefault(_actions);
 
 var _selectors = __webpack_require__(242);
 
 var _editor = __webpack_require__(257);
 
 var _search = __webpack_require__(1115);
 
-var _source = __webpack_require__(233);
-
 var _resultList = __webpack_require__(343);
 
 var _classnames = __webpack_require__(175);
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
 var _lodash = __webpack_require__(2);
 
@@ -25765,65 +25811,48 @@ class SearchBar extends _react.Component
     shortcuts.on("Escape", (_, e) => this.onEscape(e));
 
     shortcuts.on(shiftSearchAgainShortcut, (_, e) => this.traverseResults(e, true));
 
     shortcuts.on(searchAgainShortcut, (_, e) => this.traverseResults(e, false));
   }
 
   componentDidUpdate(prevProps, prevState) {
-    var _props = this.props,
-        selectedSource = _props.selectedSource,
-        query = _props.query,
-        modifiers = _props.modifiers,
-        searchOn = _props.searchOn;
-
     var searchInput = this.searchInput();
 
     if (searchInput) {
       searchInput.focus();
     }
 
     if (this.refs.resultList && this.refs.resultList.refs) {
       (0, _resultList.scrollList)(this.refs.resultList.refs, this.state.selectedResultIndex);
     }
-
-    var hasLoaded = selectedSource && (0, _source.isLoaded)(selectedSource.toJS());
-    var wasLoading = prevProps.selectedSource && (0, _source.isLoaded)(prevProps.selectedSource.toJS());
-
-    var doneLoading = wasLoading && hasLoaded;
-    var changedFiles = selectedSource != prevProps.selectedSource && hasLoaded;
-    var modifiersUpdated = modifiers && !modifiers.equals(prevProps.modifiers);
-
-    if (searchOn && (doneLoading || changedFiles || modifiersUpdated)) {
-      this.doSearch(query);
-    }
   }
 
   onEscape(e) {
     this.closeSearch(e);
   }
 
   clearSearch() {
-    var _props2 = this.props,
-        ed = _props2.editor,
-        query = _props2.query,
-        modifiers = _props2.modifiers;
+    var _props = this.props,
+        ed = _props.editor,
+        query = _props.query,
+        modifiers = _props.modifiers;
 
     if (ed && modifiers) {
       var ctx = { ed, cm: ed.codeMirror };
       (0, _editor.removeOverlay)(ctx, query, modifiers.toJS());
     }
   }
 
   closeSearch(e) {
-    var _props3 = this.props,
-        editor = _props3.editor,
-        setFileSearchQuery = _props3.setFileSearchQuery,
-        searchOn = _props3.searchOn;
+    var _props2 = this.props,
+        editor = _props2.editor,
+        setFileSearchQuery = _props2.setFileSearchQuery,
+        searchOn = _props2.searchOn;
 
 
     if (editor && searchOn) {
       setFileSearchQuery("");
       this.clearSearch();
       this.props.setActiveSearch();
       this.props.clearHighlightLineRange();
       e.stopPropagation();
@@ -25875,19 +25904,19 @@ class SearchBar extends _react.Component
       if (input instanceof HTMLInputElement) {
         return input;
       }
     }
     return null;
   }
 
   doSearch(query) {
-    var _props4 = this.props,
-        selectedSource = _props4.selectedSource,
-        setFileSearchQuery = _props4.setFileSearchQuery;
+    var _props3 = this.props,
+        selectedSource = _props3.selectedSource,
+        setFileSearchQuery = _props3.setFileSearchQuery;
 
     if (!selectedSource || !selectedSource.get("text")) {
       return;
     }
 
     setFileSearchQuery(query);
 
     this.searchContents(query);
@@ -25902,20 +25931,20 @@ class SearchBar extends _react.Component
       index: characterIndex
     });
   }
 
   searchContents(query) {
     var _this = this;
 
     return _asyncToGenerator(function* () {
-      var _props5 = _this.props,
-          selectedSource = _props5.selectedSource,
-          modifiers = _props5.modifiers,
-          ed = _props5.editor;
+      var _props4 = _this.props,
+          selectedSource = _props4.selectedSource,
+          modifiers = _props4.modifiers,
+          ed = _props4.editor;
 
 
       if (!query || !ed || !selectedSource || !selectedSource.get("text") || !modifiers) {
         return;
       }
 
       var ctx = { ed, cm: ed.codeMirror };
 
@@ -25936,20 +25965,20 @@ class SearchBar extends _react.Component
     var ed = this.props.editor;
 
     if (!ed) {
       return;
     }
 
     var ctx = { ed, cm: ed.codeMirror };
 
-    var _props6 = this.props,
-        query = _props6.query,
-        modifiers = _props6.modifiers,
-        matches = _props6.searchResults.matches;
+    var _props5 = this.props,
+        query = _props5.query,
+        modifiers = _props5.modifiers,
+        matches = _props5.searchResults.matches;
 
 
     if (query === "") {
       this.props.setActiveSearch("file");
     }
 
     if (modifiers) {
       var matchedLocations = matches || [];
@@ -25973,22 +26002,22 @@ class SearchBar extends _react.Component
       return;
     }
 
     this.traverseResults(e, e.shiftKey);
     e.preventDefault();
   }
   // Renderers
   buildSummaryMsg() {
-    var _props7 = this.props,
-        _props7$searchResults = _props7.searchResults,
-        matchIndex = _props7$searchResults.matchIndex,
-        count = _props7$searchResults.count,
-        index = _props7$searchResults.index,
-        query = _props7.query;
+    var _props6 = this.props,
+        _props6$searchResults = _props6.searchResults,
+        matchIndex = _props6$searchResults.matchIndex,
+        count = _props6$searchResults.count,
+        index = _props6$searchResults.index,
+        query = _props6.query;
 
 
     if (query.trim() == "") {
       return "";
     }
 
     if (count == 0) {
       return L10N.getStr("editor.noResults");
@@ -25997,19 +26026,19 @@ class SearchBar extends _react.Component
     if (index == -1) {
       return L10N.getFormatStr("sourceSearch.resultsSummary1", count);
     }
 
     return L10N.getFormatStr("editor.searchResults", matchIndex + 1, count);
   }
 
   renderSearchModifiers() {
-    var _props8 = this.props,
-        modifiers = _props8.modifiers,
-        toggleFileSearchModifier = _props8.toggleFileSearchModifier;
+    var _props7 = this.props,
+        modifiers = _props7.modifiers,
+        toggleFileSearchModifier = _props7.toggleFileSearchModifier;
 
 
     function SearchModBtn(_ref2) {
       var modVal = _ref2.modVal,
           className = _ref2.className,
           svgName = _ref2.svgName,
           tooltip = _ref2.tooltip;
 
@@ -26067,20 +26096,20 @@ class SearchBar extends _react.Component
           onClick: () => this.props.setActiveSearch("symbol")
         },
         L10N.getStr("symbolSearch.search.functionsPlaceholder")
       )
     );
   }
 
   render() {
-    var _props9 = this.props,
-        count = _props9.searchResults.count,
-        query = _props9.query,
-        searchOn = _props9.searchOn;
+    var _props8 = this.props,
+        count = _props8.searchResults.count,
+        query = _props8.query,
+        searchOn = _props8.searchOn;
 
 
     if (!searchOn) {
       return _react2.default.createElement("div", null);
     }
 
     return _react2.default.createElement(
       "div",
@@ -26108,17 +26137,17 @@ class SearchBar extends _react.Component
 
 SearchBar.displayName = "SearchBar";
 SearchBar.contextTypes = {
   shortcuts: _react.PropTypes.object
 };
 
 exports.default = (0, _reactRedux.connect)(state => {
   return {
-    searchOn: (0, _selectors.getActiveSearchState)(state) === "file",
+    searchOn: (0, _selectors.getActiveSearch)(state) === "file",
     query: (0, _selectors.getFileSearchQueryState)(state),
     modifiers: (0, _selectors.getFileSearchModifierState)(state),
     searchResults: (0, _selectors.getSearchResults)(state)
   };
 }, dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(SearchBar);
 
 /***/ }),
 /* 434 */,
@@ -26711,22 +26740,23 @@ function getMenuItems(event, _ref) {
   var copySourceUrl = {
     id: "node-menu-copy-source-url",
     label: copySourceUrlLabel,
     accesskey: copySourceUrlKey,
     disabled: false,
     click: () => (0, _clipboard.copyToTheClipboard)(selectedSource.get("url"))
   };
 
+  var selectionText = codeMirror.getSelection().trim();
   var copySource = {
     id: "node-menu-copy-source",
     label: copySourceLabel,
     accesskey: copySourceKey,
-    disabled: false,
-    click: () => (0, _clipboard.copyToTheClipboard)(codeMirror.getSelection())
+    disabled: selectionText.length === 0,
+    click: () => (0, _clipboard.copyToTheClipboard)(selectionText)
   };
 
   var _codeMirror$coordsCha = codeMirror.coordsChar({
     left: event.clientX,
     top: event.clientY
   }),
       line = _codeMirror$coordsCha.line,
       ch = _codeMirror$coordsCha.ch;
@@ -26766,20 +26796,16 @@ function getMenuItems(event, _ref) {
   var showSourceMenuItem = {
     id: "node-menu-show-source",
     label: revealInTreeLabel,
     accesskey: revealInTreeKey,
     disabled: false,
     click: () => showSource(selectedSource.get("id"))
   };
 
-  if (selectedSource && selectedSource.get("isBlackBoxed")) {
-    return [blackBoxMenuItem];
-  }
-
   var menuItems = [copySource, copySourceUrl, jumpLabel, showSourceMenuItem, blackBoxMenuItem];
 
   if (textSelected) {
     menuItems.push(watchExpressionLabel);
   }
 
   return menuItems;
 }
@@ -27404,17 +27430,17 @@ var _devtoolsSplitter2 = _interopRequire
 var _Frames = __webpack_require__(1012);
 
 var _Frames2 = _interopRequireDefault(_Frames);
 
 var _EventListeners = __webpack_require__(736);
 
 var _EventListeners2 = _interopRequireDefault(_EventListeners);
 
-var _Workers = __webpack_require__(1147);
+var _Workers = __webpack_require__(1149);
 
 var _Workers2 = _interopRequireDefault(_Workers);
 
 var _Accordion = __webpack_require__(739);
 
 var _Accordion2 = _interopRequireDefault(_Accordion);
 
 var _CommandBar = __webpack_require__(742);
@@ -28240,16 +28266,18 @@ exports.default = (0, _reactRedux.connec
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 var _react = __webpack_require__(0);
 
+var _react2 = _interopRequireDefault(_react);
+
 var _reactImmutableProptypes = __webpack_require__(150);
 
 var _reactImmutableProptypes2 = _interopRequireDefault(_reactImmutableProptypes);
 
 var _redux = __webpack_require__(3);
 
 var _reactRedux = __webpack_require__(151);
 
@@ -28334,48 +28362,48 @@ class Scopes extends _react.Component {
   }
 
   renderItem(item, depth, focused, _, expanded, _ref) {
     var setExpanded = _ref.setExpanded;
 
     var notEnumberable = false;
     var objectValue = "";
 
-    return React.createElement(
+    return _react2.default.createElement(
       "div",
       {
         className: (0, _classnames2.default)("node object-node", {
           focused: false,
           "not-enumerable": notEnumberable
         }),
         style: { marginLeft: depth * 15 },
         key: item.path,
         onClick: e => {
           e.stopPropagation();
           setExpanded(item, !expanded);
         }
       },
-      React.createElement(_Svg2.default, {
+      _react2.default.createElement(_Svg2.default, {
         name: "arrow",
         className: (0, _classnames2.default)({
           expanded,
           hidden: nodeIsPrimitive(item)
         })
       }),
-      React.createElement(
+      _react2.default.createElement(
         "span",
         { className: "object-label" },
         item.name
       ),
-      React.createElement(
+      _react2.default.createElement(
         "span",
         { className: "object-delimiter" },
         objectValue ? ": " : ""
       ),
-      React.createElement(
+      _react2.default.createElement(
         "span",
         { className: "object-value" },
         objectValue || ""
       )
     );
   }
 
   getObjectProperties(item) {
@@ -28435,33 +28463,33 @@ class Scopes extends _react.Component {
     });
   }
 
   render() {
     var pauseInfo = this.props.pauseInfo;
 
 
     if (!pauseInfo) {
-      return React.createElement(
+      return _react2.default.createElement(
         "div",
         { className: (0, _classnames2.default)("pane", "scopes-list") },
-        React.createElement(
+        _react2.default.createElement(
           "div",
           { className: "pane-info" },
           L10N.getStr("scopes.notPaused")
         )
       );
     }
 
     var roots = this.getRoots();
 
-    return React.createElement(
+    return _react2.default.createElement(
       "div",
       { className: (0, _classnames2.default)("pane", "scopes-list") },
-      React.createElement(_ManagedTree2.default, {
+      _react2.default.createElement(_ManagedTree2.default, {
         itemHeight: 20,
         getParent: item => null,
         getChildren: this.getChildren,
         getRoots: () => roots,
         getPath: item => item.path,
         autoExpand: 0,
         autoExpandDepth: 1,
         autoExpandAll: false,
@@ -29265,19 +29293,16 @@ var _text = __webpack_require__(389);
 var _PaneToggle = __webpack_require__(428);
 
 var _PaneToggle2 = _interopRequireDefault(_PaneToggle);
 
 __webpack_require__(922);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _require = __webpack_require__(828),
-    isEnabled = _require.isEnabled;
-
 class WelcomeBox extends _react.Component {
 
   renderToggleButton() {
     var _props = this.props,
         horizontal = _props.horizontal,
         endPanelCollapsed = _props.endPanelCollapsed,
         togglePaneCollapse = _props.togglePaneCollapse;
 
@@ -29289,53 +29314,69 @@ class WelcomeBox extends _react.Componen
       position: "end",
       collapsed: !endPanelCollapsed,
       horizontal: horizontal,
       handleClick: togglePaneCollapse
     });
   }
 
   render() {
-    var keyCombinationOne = (0, _text.formatKeyShortcut)(L10N.getStr("sources.search.key2"));
-
-    var keyCombinationTwo = (0, _text.formatKeyShortcut)(L10N.getStr("projectTextSearch.key"));
+    var searchSourcesShortcut = (0, _text.formatKeyShortcut)(L10N.getStr("sources.search.key2"));
+
+    var searchProjectShortcut = (0, _text.formatKeyShortcut)(L10N.getStr("projectTextSearch.key"));
+    var searchFunctionsShortcut = (0, _text.formatKeyShortcut)(L10N.getStr("functionSearch.key"));
 
     var searchSourcesLabel = L10N.getStr("welcome.search").substring(2);
     var searchProjectLabel = L10N.getStr("welcome.findInFiles").substring(2);
-
-    var searchProjectLabelComp = _react2.default.createElement(
-      "div",
-      null,
-      _react2.default.createElement(
-        "b",
-        null,
-        keyCombinationTwo
-      ),
-      searchProjectLabel
-    );
-
-    var searchSourcesLabelComp = _react2.default.createElement(
-      "div",
-      null,
-      _react2.default.createElement(
-        "b",
-        null,
-        keyCombinationOne
-      ),
-      searchSourcesLabel
-    );
+    var searchFunctionLabel = L10N.getStr("welcome.searchFunction").substring(2);
 
     return _react2.default.createElement(
       "div",
       { className: "welcomebox" },
       _react2.default.createElement(
         "div",
         { className: "alignlabel" },
-        searchSourcesLabelComp,
-        isEnabled("searchNav") ? searchProjectLabelComp : null,
+        _react2.default.createElement(
+          "div",
+          { className: "shortcutKeys" },
+          _react2.default.createElement(
+            "p",
+            null,
+            searchSourcesShortcut
+          ),
+          _react2.default.createElement(
+            "p",
+            null,
+            searchProjectShortcut
+          ),
+          _react2.default.createElement(
+            "p",
+            null,
+            searchFunctionsShortcut
+          )
+        ),
+        _react2.default.createElement(
+          "div",
+          { className: "shortcutFunction" },
+          _react2.default.createElement(
+            "p",
+            null,
+            searchSourcesLabel
+          ),
+          _react2.default.createElement(
+            "p",
+            null,
+            searchProjectLabel
+          ),
+          _react2.default.createElement(
+            "p",
+            null,
+            searchFunctionLabel
+          )
+        ),
         this.renderToggleButton()
       )
     );
   }
 }
 
 WelcomeBox.displayName = "WelcomeBox";
 
@@ -29637,24 +29678,21 @@ class SourceTabs extends _react.PureComp
 
   toggleSourcesDropdown(e) {
     this.setState({
       dropdownShown: !this.state.dropdownShown
     });
   }
 
   renderDropdownSource(source) {
-    var moveTab = this.props.moveTab;
+    var selectSource = this.props.selectSource;
 
     var filename = (0, _source.getFilename)(source.toJS());
 
-    var onClick = () => {
-      var tabIndex = 0;
-      moveTab(source.get("url"), tabIndex);
-    };
+    var onClick = () => selectSource(source.get("id"));
     return _react2.default.createElement(
       "li",
       { key: source.get("id"), onClick: onClick },
       filename
     );
   }
 
   renderTabs() {
@@ -29847,18 +29885,18 @@ class SourceTabs extends _react.PureComp
 
 SourceTabs.displayName = "SourceTabs";
 
 exports.default = (0, _reactRedux.connect)(state => {
   return {
     selectedSource: (0, _selectors.getSelectedSource)(state),
     searchTabs: (0, _selectors.getSearchTabs)(state),
     sourceTabs: (0, _selectors.getSourcesForTabs)(state),
-    activeSearch: (0, _selectors.getActiveSearchState)(state),
-    searchOn: (0, _selectors.getActiveSearchState)(state) === "source"
+    activeSearch: (0, _selectors.getActiveSearch)(state),
+    searchOn: (0, _selectors.getActiveSearch)(state) === "source"
   };
 }, dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(SourceTabs);
 
 /***/ }),
 /* 751 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30230,23 +30268,27 @@ PreviewFunction.displayName = "PreviewFu
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.findScopeByName = exports.getASTLocation = undefined;
 
 var getASTLocation = exports.getASTLocation = (() => {
   var _ref = _asyncToGenerator(function* (source, location) {
     var symbols = yield (0, _parser.getSymbols)(source);
-    var functions = [].concat(_toConsumableArray(symbols.functions), _toConsumableArray(symbols.memberExpressions));
+    var functions = [].concat(_toConsumableArray(symbols.functions));
 
     var scope = findClosestScope(functions, location);
     if (scope) {
+      // we only record the line, but at some point we may
+      // also do column offsets
       var line = location.line - scope.location.start.line;
-      var column = location.column;
-      return { name: scope.name, offset: { line, column } };
+      return {
+        name: scope.name,
+        offset: { line }
+      };
     }
     return { name: undefined, offset: location };
   });
 
   return function getASTLocation(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 })();
@@ -30279,17 +30321,20 @@ function findClosestScope(functions, loc
     if (currNode.name === "anonymous" || !(0, _contains.containsPosition)(currNode.location, location)) {
       return found;
     }
 
     if (!found) {
       return currNode;
     }
 
-    if (found.location.start.line > currNode.location.start.line || found.location.start.column > currNode.location.start.column) {
+    if (found.location.start.line > currNode.location.start.line) {
+      return found;
+    }
+    if (found.location.start.line === currNode.location.start.line && found.location.start.column > currNode.location.start.column) {
       return found;
     }
 
     return currNode;
   }, null);
 }
 
 /***/ }),
@@ -30715,32 +30760,33 @@ exports.default = (0, _reactRedux.connec
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getEmptyLines = exports.getNextStep = exports.clearSymbols = exports.getOutOfScopeLocations = exports.getVariablesInScope = exports.getSymbols = exports.getClosestExpression = exports.stopParserWorker = exports.startParserWorker = undefined;
+exports.getEmptyLines = exports.getNextStep = exports.clearASTs = exports.clearSymbols = exports.getOutOfScopeLocations = exports.getVariablesInScope = exports.getSymbols = exports.getClosestExpression = exports.stopParserWorker = exports.startParserWorker = undefined;
 
 var _devtoolsUtils = __webpack_require__(900);
 
 var WorkerDispatcher = _devtoolsUtils.workerUtils.WorkerDispatcher;
 
 
 var dispatcher = new WorkerDispatcher();
 var startParserWorker = exports.startParserWorker = dispatcher.start.bind(dispatcher);
 var stopParserWorker = exports.stopParserWorker = dispatcher.stop.bind(dispatcher);
 
 var getClosestExpression = exports.getClosestExpression = dispatcher.task("getClosestExpression");
 var getSymbols = exports.getSymbols = dispatcher.task("getSymbols");
 var getVariablesInScope = exports.getVariablesInScope = dispatcher.task("getVariablesInScope");
 var getOutOfScopeLocations = exports.getOutOfScopeLocations = dispatcher.task("getOutOfScopeLocations");
 var clearSymbols = exports.clearSymbols = dispatcher.task("clearSymbols");
+var clearASTs = exports.clearASTs = dispatcher.task("clearASTs");
 var getNextStep = exports.getNextStep = dispatcher.task("getNextStep");
 var getEmptyLines = exports.getEmptyLines = dispatcher.task("getEmptyLines");
 
 /***/ }),
 /* 828 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -31978,28 +32024,32 @@ var onConnect = (() => {
     var commands = client.clientCommands;
 
     var _bootstrapStore = (0, _bootstrap.bootstrapStore)(commands, services),
         store = _bootstrapStore.store,
         actions = _bootstrapStore.actions,
         selectors = _bootstrapStore.selectors;
 
     (0, _bootstrap.bootstrapWorkers)();
-    yield client.onConnect(connection, actions);
+
+    var _ref2 = yield client.onConnect(connection, actions),
+        bpClients = _ref2.bpClients;
+
     yield loadFromPrefs(actions);
 
     window.getGlobalsForTesting = function () {
       return {
         store,
         actions,
         selectors,
         client: client.clientCommands,
         prefs: _prefs.prefs,
         features: _prefs.features,
-        connection
+        connection,
+        bpClients
       };
     };
 
     if (!(0, _devtoolsConfig.isFirefoxPanel)()) {
       console.group("Development Notes");
       var baseUrl = "https://devtools-html.github.io/debugger.html";
       var localDevelopmentUrl = `${baseUrl}/docs/local-development.html`;
       console.log("Debugging Tips", localDevelopmentUrl);
@@ -32068,27 +32118,28 @@ var onConnect = exports.onConnect = (() 
   var _ref = _asyncToGenerator(function* (connection, actions) {
     var _connection$tabConnec = connection.tabConnection,
         tabTarget = _connection$tabConnec.tabTarget,
         threadClient = _connection$tabConnec.threadClient,
         debuggerClient = _connection$tabConnec.debuggerClient;
 
 
     if (!tabTarget || !threadClient || !debuggerClient) {
-      return;
+      return { bpClients: {} };
     }
 
     var supportsWasm = (0, _devtoolsConfig.isEnabled)("wasm") && !!debuggerClient.mainRoot.traits.wasmBinarySource;
 
-    (0, _commands.setupCommands)({
+    var _setupCommands = (0, _commands.setupCommands)({
       threadClient,
       tabTarget,
       debuggerClient,
       supportsWasm
-    });
+    }),
+        bpClients = _setupCommands.bpClients;
 
     if (actions) {
       (0, _events.setupEvents)({ threadClient, actions, supportsWasm });
     }
 
     tabTarget.on("will-navigate", actions.willNavigate);
     tabTarget.on("navigate", actions.navigated);
 
@@ -32108,16 +32159,18 @@ var onConnect = exports.onConnect = (() 
     yield actions.newSources(sources);
 
     // If the threadClient is already paused, make sure to show a
     // paused state.
     var pausedPacket = threadClient.getLastPausePacket();
     if (pausedPacket) {
       _events.clientEvents.paused("paused", pausedPacket);
     }
+
+    return { bpClients };
   });
 
   return function onConnect(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 })();
 
 var _commands = __webpack_require__(890);
@@ -32204,16 +32257,18 @@ var debuggerClient = void 0;
 var supportsWasm = void 0;
 
 function setupCommands(dependencies) {
   threadClient = dependencies.threadClient;
   tabTarget = dependencies.tabTarget;
   debuggerClient = dependencies.debuggerClient;
   supportsWasm = dependencies.supportsWasm;
   bpClients = {};
+
+  return { bpClients };
 }
 
 function resume() {
   return new Promise(resolve => {
     threadClient.resume(resolve);
   });
 }
 
@@ -38171,17 +38226,17 @@ module.exports = {
   supportsObject,
   maxLengthMap
 };
 
 /***/ }),
 /* 960 */
 /***/ (function(module, exports) {
 
-module.exports = "# This Source Code Form is subject to the terms of the Mozilla Public\n# License, v. 2.0. If a copy of the MPL was not distributed with this\n# file, You can obtain one at http://mozilla.org/MPL/2.0/.\n\n# LOCALIZATION NOTE These strings are used inside the Debugger\n# which is available from the Web Developer sub-menu -> 'Debugger'.\n# The correct localization of this file might be to keep it in\n# English, or another language commonly spoken among web developers.\n# You want to make that choice consistent across the developer tools.\n# A good criteria is the language in which you'd find the best\n# documentation on web development on the web.\n\n# LOCALIZATION NOTE (collapsePanes): This is the tooltip for the button\n# that collapses the left and right panes in the debugger UI.\ncollapsePanes=Collapse panes\n\n# LOCALIZATION NOTE (copySource): This is the text that appears in the\n# context menu to copy the selected source of file open.\ncopySource=Copy\ncopySource.accesskey=y\n\n# LOCALIZATION NOTE (copySourceUrl): This is the text that appears in the\n# context menu to copy the source URL of file open.\ncopySourceUrl=Copy Source Url\ncopySourceUrl.accesskey=u\n\n# LOCALIZATION NOTE (copyStackTrace): This is the text that appears in the\n# context menu to copy the stack trace methods, file names and row number.\ncopyStackTrace=Copy Stack Trace\ncopyStackTrace.accesskey=c\n\n# LOCALIZATION NOTE (expandPanes): This is the tooltip for the button\n# that expands the left and right panes in the debugger UI.\nexpandPanes=Expand panes\n\n# LOCALIZATION NOTE (pauseButtonTooltip): The tooltip that is displayed for the pause\n# button when the debugger is in a running state.\npauseButtonTooltip=Pause %S\n\n# LOCALIZATION NOTE (pausePendingButtonTooltip): The tooltip that is displayed for\n# the pause button after it's been clicked but before the next JavaScript to run.\npausePendingButtonTooltip=Waiting for next execution\n\n# LOCALIZATION NOTE (resumeButtonTooltip): The label that is displayed on the pause\n# button when the debugger is in a paused state.\nresumeButtonTooltip=Resume %S\n\n# LOCALIZATION NOTE (stepOverTooltip): The label that is displayed on the\n# button that steps over a function call.\nstepOverTooltip=Step Over %S\n\n# LOCALIZATION NOTE (stepInTooltip): The label that is displayed on the\n# button that steps into a function call.\nstepInTooltip=Step In %S\n\n# LOCALIZATION NOTE (stepOutTooltip): The label that is displayed on the\n# button that steps out of a function call.\nstepOutTooltip=Step Out %S\n\n# LOCALIZATION NOTE (workersHeader): The text to display in the events\n# header.\nworkersHeader=Workers\n\n# LOCALIZATION NOTE (noWorkersText): The text to display in the workers list\n# when there are no workers.\nnoWorkersText=This page has no workers.\n\n# LOCALIZATION NOTE (noSourcesText): The text to display in the sources list\n# when there are no sources.\nnoSourcesText=This page has no sources.\n\n# LOCALIZATION NOTE (noEventListenersText): The text to display in the events tab\n# when there are no events.\nnoEventListenersText=No event listeners to display\n\n# LOCALIZATION NOTE (eventListenersHeader): The text to display in the events\n# header.\neventListenersHeader=Event Listeners\n\n# LOCALIZATION NOTE (noStackFramesText): The text to display in the call stack tab\n# when there are no stack frames.\nnoStackFramesText=No stack frames to display\n\n# LOCALIZATION NOTE (eventCheckboxTooltip): The tooltip text to display when\n# the user hovers over the checkbox used to toggle an event breakpoint.\neventCheckboxTooltip=Toggle breaking on this event\n\n# LOCALIZATION NOTE (eventOnSelector): The text to display in the events tab\n# for every event item, between the event type and event selector.\neventOnSelector=on\n\n# LOCALIZATION NOTE (eventInSource): The text to display in the events tab\n# for every event item, between the event selector and listener's owner source.\neventInSource=in\n\n# LOCALIZATION NOTE (eventNodes): The text to display in the events tab when\n# an event is listened on more than one target node.\neventNodes=%S nodes\n\n# LOCALIZATION NOTE (eventNative): The text to display in the events tab when\n# a listener is added from plugins, thus getting translated to native code.\neventNative=[native code]\n\n# LOCALIZATION NOTE (*Events): The text to display in the events tab for\n# each group of sub-level event entries.\nanimationEvents=Animation\naudioEvents=Audio\nbatteryEvents=Battery\nclipboardEvents=Clipboard\ncompositionEvents=Composition\ndeviceEvents=Device\ndisplayEvents=Display\ndragAndDropEvents=Drag and Drop\ngamepadEvents=Gamepad\nindexedDBEvents=IndexedDB\ninteractionEvents=Interaction\nkeyboardEvents=Keyboard\nmediaEvents=HTML5 Media\nmouseEvents=Mouse\nmutationEvents=Mutation\nnavigationEvents=Navigation\npointerLockEvents=Pointer Lock\nsensorEvents=Sensor\nstorageEvents=Storage\ntimeEvents=Time\ntouchEvents=Touch\notherEvents=Other\n\n# LOCALIZATION NOTE (blackboxCheckboxTooltip2): The tooltip text to display when\n# the user hovers over the checkbox used to toggle blackboxing its associated\n# source.\nblackboxCheckboxTooltip2=Toggle blackboxing\n\n# LOCALIZATION NOTE (sources.search.key2): Key shortcut to open the search for\n# searching all the source files the debugger has seen.\nsources.search.key2=CmdOrCtrl+P\n\n# LOCALIZATION NOTE (sources.search.alt.key): A second key shortcut to open the\n# search for searching all the source files the debugger has seen.\nsources.search.alt.key=CmdOrCtrl+O\n\n# LOCALIZATION NOTE (projectTextSearch.key): A key shortcut to open the\n# full project text search for searching all the files the debugger has seen.\nprojectTextSearch.key=CmdOrCtrl+Shift+F\n\n# LOCALIZATION NOTE (projectTextSearch.placeholder): A placeholder shown\n# when searching across all of the files in a project.\nprojectTextSearch.placeholder=Find in files…\n\n# LOCALIZATION NOTE (sources.noSourcesAvailable): Text shown when the debugger\n# does not have any sources.\nsources.noSourcesAvailable=This page has no sources\n\n# LOCALIZATION NOTE (sourceSearch.search.key2): Key shortcut to open the search\n# for searching within a the currently opened files in the editor\nsourceSearch.search.key2=CmdOrCtrl+F\n\n# LOCALIZATION NOTE (sourceSearch.search.placeholder): placeholder text in\n# the source search input bar\nsourceSearch.search.placeholder=Search in file…\n\n# LOCALIZATION NOTE (sourceSearch.search.again.key2): Key shortcut to highlight\n# the next occurrence of the last search triggered from a source search\nsourceSearch.search.again.key2=CmdOrCtrl+G\n\n# LOCALIZATION NOTE (sourceSearch.search.againPrev.key2): Key shortcut to highlight\n# the previous occurrence of the last search triggered from a source search\nsourceSearch.search.againPrev.key2=CmdOrCtrl+Shift+G\n\n# LOCALIZATION NOTE (sourceSearch.resultsSummary1): Shows a summary of\n# the number of matches for autocomplete\nsourceSearch.resultsSummary1=%d results\n\n# LOCALIZATION NOTE (noMatchingStringsText): The text to display in the\n# global search results when there are no matching strings after filtering.\nnoMatchingStringsText=No matches found\n\n# LOCALIZATION NOTE (emptySearchText): This is the text that appears in the\n# filter text box when it is empty and the scripts container is selected.\nemptySearchText=Search scripts (%S)\n\n# LOCALIZATION NOTE (emptyVariablesFilterText): This is the text that\n# appears in the filter text box for the variables view container.\nemptyVariablesFilterText=Filter variables\n\n# LOCALIZATION NOTE (emptyPropertiesFilterText): This is the text that\n# appears in the filter text box for the editor's variables view bubble.\nemptyPropertiesFilterText=Filter properties\n\n# LOCALIZATION NOTE (searchPanelFilter): This is the text that appears in the\n# filter panel popup for the filter scripts operation.\nsearchPanelFilter=Filter scripts (%S)\n\n# LOCALIZATION NOTE (searchPanelGlobal): This is the text that appears in the\n# filter panel popup for the global search operation.\nsearchPanelGlobal=Search in all files (%S)\n\n# LOCALIZATION NOTE (searchPanelFunction): This is the text that appears in the\n# filter panel popup for the function search operation.\nsearchPanelFunction=Search for function definition (%S)\n\n# LOCALIZATION NOTE (searchPanelToken): This is the text that appears in the\n# filter panel popup for the token search operation.\nsearchPanelToken=Find in this file (%S)\n\n# LOCALIZATION NOTE (searchPanelGoToLine): This is the text that appears in the\n# filter panel popup for the line search operation.\nsearchPanelGoToLine=Go to line (%S)\n\n# LOCALIZATION NOTE (searchPanelVariable): This is the text that appears in the\n# filter panel popup for the variables search operation.\nsearchPanelVariable=Filter variables (%S)\n\n# LOCALIZATION NOTE (breakpointMenuItem): The text for all the elements that\n# are displayed in the breakpoints menu item popup.\nbreakpointMenuItem.setConditional=Configure conditional breakpoint\nbreakpointMenuItem.enableSelf=Enable breakpoint\nbreakpointMenuItem.enableSelf.accesskey=E\nbreakpointMenuItem.disableSelf=Disable breakpoint\nbreakpointMenuItem.disableSelf.accesskey=D\nbreakpointMenuItem.deleteSelf=Remove breakpoint\nbreakpointMenuItem.deleteSelf.accesskey=R\nbreakpointMenuItem.enableOthers=Enable others\nbreakpointMenuItem.enableOthers.accesskey=o\nbreakpointMenuItem.disableOthers=Disable others\nbreakpointMenuItem.disableOthers.accesskey=s\nbreakpointMenuItem.deleteOthers=Remove others\nbreakpointMenuItem.deleteOthers.accesskey=h\nbreakpointMenuItem.enableAll=Enable all breakpoints\nbreakpointMenuItem.enableAll.accesskey=b\nbreakpointMenuItem.disableAll=Disable all breakpoints\nbreakpointMenuItem.disableAll.accesskey=k\nbreakpointMenuItem.deleteAll=Remove all breakpoints\nbreakpointMenuItem.deleteAll.accesskey=a\n\n# LOCALIZATION NOTE (breakpoints.header): Breakpoints right sidebar pane header.\nbreakpoints.header=Breakpoints\n\n# LOCALIZATION NOTE (breakpoints.none): The text that appears when there are\n# no breakpoints present\nbreakpoints.none=No Breakpoints\n\n# LOCALIZATION NOTE (breakpoints.enable): The text that may appear as a tooltip\n# when hovering over the 'disable breakpoints' switch button in right sidebar\nbreakpoints.enable=Enable Breakpoints\n\n# LOCALIZATION NOTE (breakpoints.disable): The text that may appear as a tooltip\n# when hovering over the 'disable breakpoints' switch button in right sidebar\nbreakpoints.disable=Disable Breakpoints\n\n# LOCALIZATION NOTE (breakpoints.removeBreakpointTooltip): The tooltip that is displayed\n# for remove breakpoint button in right sidebar\nbreakpoints.removeBreakpointTooltip=Remove Breakpoint\n\n# LOCALIZATION NOTE (callStack.header): Call Stack right sidebar pane header.\ncallStack.header=Call Stack\n\n# LOCALIZATION NOTE (callStack.notPaused): Call Stack right sidebar pane\n# message when not paused.\ncallStack.notPaused=Not Paused\n\n# LOCALIZATION NOTE (callStack.collapse): Call Stack right sidebar pane\n# message to hide some of the frames that are shown.\ncallStack.collapse=Collapse Rows\n\n# LOCALIZATION NOTE (callStack.expand): Call Stack right sidebar pane\n# message to show more of the frames.\ncallStack.expand=Expand Rows\n\n# LOCALIZATION NOTE (editor.searchResults): Editor Search bar message\n# for the summarizing the selected search result. e.g. 5 of 10 results.\neditor.searchResults=%d of %d results\n\n# LOCALIZATION NOTE (sourceSearch.singleResult): Copy shown when there is one result.\neditor.singleResult=1 result\n\n# LOCALIZATION NOTE (editor.noResults): Editor Search bar message\n# for when no results found.\neditor.noResults=no results\n\n# LOCALIZATION NOTE (editor.searchResults.nextResult): Editor Search bar\n# tooltip for traversing to the Next Result\neditor.searchResults.nextResult=Next Result\n\n# LOCALIZATION NOTE (editor.searchResults.prevResult): Editor Search bar\n# tooltip for traversing to the Previous Result\neditor.searchResults.prevResult=Previous Result\n\n# LOCALIZATION NOTE (editor.searchTypeToggleTitle): Search bar title for\n# toggling search type buttons(function search, variable search)\neditor.searchTypeToggleTitle=Search for:\n\n# LOCALIZATION NOTE (editor.addBreakpoint): Editor gutter context menu item\n# for adding a breakpoint on a line.\neditor.addBreakpoint=Add Breakpoint\n\n# LOCALIZATION NOTE (editor.disableBreakpoint): Editor gutter context menu item\n# for disabling a breakpoint on a line.\neditor.disableBreakpoint=Disable Breakpoint\n\n# LOCALIZATION NOTE (editor.enableBreakpoint): Editor gutter context menu item\n# for enabling a breakpoint on a line.\neditor.enableBreakpoint=Enable Breakpoint\n\n# LOCALIZATION NOTE (editor.removeBreakpoint): Editor gutter context menu item\n# for removing a breakpoint on a line.\neditor.removeBreakpoint=Remove Breakpoint\n\n# LOCALIZATION NOTE (editor.editBreakpoint): Editor gutter context menu item\n# for setting a breakpoint condition on a line.\neditor.editBreakpoint=Edit Breakpoint\n\n# LOCALIZATION NOTE (editor.addConditionalBreakpoint): Editor gutter context\n# menu item for adding a breakpoint condition on a line.\neditor.addConditionalBreakpoint=Add Conditional Breakpoint\n\n# LOCALIZATION NOTE (editor.conditionalPanel.placeholder): Placeholder text for\n# input element inside ConditionalPanel component\neditor.conditionalPanel.placeholder=This breakpoint will pause when the expression is true\n\n# LOCALIZATION NOTE (editor.conditionalPanel.placeholder): Tooltip text for\n# close button inside ConditionalPanel component\neditor.conditionalPanel.close=Cancel edit breakpoint and close\n\n# LOCALIZATION NOTE (editor.jumpToMappedLocation1): Context menu item\n# for navigating to a source mapped location\neditor.jumpToMappedLocation1=Jump to %S location\n\n# LOCALIZATION NOTE (framework.disableGrouping): This is the text that appears in the\n# context menu to disable framework grouping.\nframework.disableGrouping=Disable Framework Grouping\nframework.disableGrouping.accesskey=u\n\n# LOCALIZATION NOTE (framework.enableGrouping): This is the text that appears in the\n# context menu to enable framework grouping.\nframework.enableGrouping=Enable Framework Grouping\nframework.enableGrouping.accesskey=u\n\n# LOCALIZATION NOTE (generated): Source Map term for a server source location\ngenerated=generated\n\n# LOCALIZATION NOTE (original): Source Map term for a debugger UI source location\noriginal=original\n\n# LOCALIZATION NOTE (expressions.placeholder): Placeholder text for expression\n# input element\nexpressions.placeholder=Add Watch Expression\n\n# LOCALIZATION NOTE (sourceTabs.closeTab): Editor source tab context menu item\n# for closing the selected tab below the mouse.\nsourceTabs.closeTab=Close tab\nsourceTabs.closeTab.accesskey=c\n\n# LOCALIZATION NOTE (sourceTabs.closeOtherTabs): Editor source tab context menu item\n# for closing the other tabs.\nsourceTabs.closeOtherTabs=Close others\nsourceTabs.closeOtherTabs.accesskey=o\n\n# LOCALIZATION NOTE (sourceTabs.closeTabsToEnd): Editor source tab context menu item\n# for closing the tabs to the end (the right for LTR languages) of the selected tab.\nsourceTabs.closeTabsToEnd=Close tabs to the right\nsourceTabs.closeTabsToEnd.accesskey=e\n\n# LOCALIZATION NOTE (sourceTabs.closeAllTabs): Editor source tab context menu item\n# for closing all tabs.\nsourceTabs.closeAllTabs=Close all tabs\nsourceTabs.closeAllTabs.accesskey=a\n\n# LOCALIZATION NOTE (sourceTabs.revealInTree): Editor source tab context menu item\n# for revealing source in tree.\nsourceTabs.revealInTree=Reveal in Tree\nsourceTabs.revealInTree.accesskey=r\n\n# LOCALIZATION NOTE (sourceTabs.copyLink): Editor source tab context menu item\n# for copying a link address.\nsourceTabs.copyLink=Copy Link Address\nsourceTabs.copyLink.accesskey=l\n\n# LOCALIZATION NOTE (sourceTabs.prettyPrint): Editor source tab context menu item\n# for pretty printing the source.\nsourceTabs.prettyPrint=Pretty Print Source\nsourceTabs.prettyPrint.accesskey=p\n\n# LOCALIZATION NOTE (sourceFooter.blackbox): Tooltip text associated\n# with the blackbox button\nsourceFooter.blackbox=Blackbox Source\nsourceFooter.blackbox.accesskey=B\n\n# LOCALIZATION NOTE (sourceFooter.unblackbox): Tooltip text associated\n# with the blackbox button\nsourceFooter.unblackbox=Unblackbox Source\nsourceFooter.unblackbox.accesskey=b\n\n# LOCALIZATION NOTE (sourceFooter.blackboxed): Text associated\n# with a blackboxed source\nsourceFooter.blackboxed=Blackboxed Source\n\n# LOCALIZATION NOTE (sourceTabs.closeTabButtonTooltip): The tooltip that is displayed\n# for close tab button in source tabs.\nsourceTabs.closeTabButtonTooltip=Close tab\n\n# LOCALIZATION NOTE (sourceTabs.newTabButtonTooltip): The tooltip that is displayed for\n# new tab button in source tabs.\nsourceTabs.newTabButtonTooltip=Search for sources (%S)\n\n# LOCALIZATION NOTE (scopes.header): Scopes right sidebar pane header.\nscopes.header=Scopes\n\n# LOCALIZATION NOTE (scopes.notAvailable): Scopes right sidebar pane message\n# for when the debugger is paused, but there isn't pause data.\nscopes.notAvailable=Scopes Unavailable\n\n# LOCALIZATION NOTE (scopes.notPaused): Scopes right sidebar pane message\n# for when the debugger is not paused.\nscopes.notPaused=Not Paused\n\n# LOCALIZATION NOTE (scopes.block): Refers to a block of code in\n# the scopes pane when the debugger is paused.\nscopes.block=Block\n\n# LOCALIZATION NOTE (sources.header): Sources left sidebar header\nsources.header=Sources\n\n# LOCALIZATION NOTE (sources.search): Sources left sidebar prompt\n# e.g. Cmd+P to search. On a mac, we use the command unicode character.\n# On windows, it's ctrl.\nsources.search=%S to search\n\n# LOCALIZATION NOTE (watchExpressions.header): Watch Expressions right sidebar\n# pane header.\nwatchExpressions.header=Watch Expressions\n\n# LOCALIZATION NOTE (watchExpressions.refreshButton): Watch Expressions header\n# button for refreshing the expressions.\nwatchExpressions.refreshButton=Refresh\n\n# LOCALIZATION NOTE (welcome.search): The center pane welcome panel's\n# search prompt. e.g. cmd+p to search for files. On windows, it's ctrl, on\n# a mac we use the unicode character.\nwelcome.search=%S to search for sources\n\n# LOCALIZATION NOTE (welcome.findInFiles): The center pane welcome panel's\n# search prompt. e.g. cmd+f to search for files. On windows, it's ctrl+shift+f, on\n# a mac we use the unicode character.\nwelcome.findInFiles=%S to find in files\n\n# LOCALIZATION NOTE (sourceSearch.search): The center pane Source Search\n# prompt for searching for files.\nsourceSearch.search=Search Sources…\n\n# LOCALIZATION NOTE (sourceSearch.noResults): The center pane Source Search\n# message when the query did not match any of the sources.\nsourceSearch.noResults2=No results found\n\n# LOCALIZATION NOTE (ignoreExceptions): The pause on exceptions button tooltip\n# when the debugger will not pause on exceptions.\nignoreExceptions=Ignore exceptions. Click to pause on uncaught exceptions\n\n# LOCALIZATION NOTE (pauseOnUncaughtExceptions): The pause on exceptions button\n# tooltip when the debugger will pause on uncaught exceptions.\npauseOnUncaughtExceptions=Pause on uncaught exceptions. Click to pause on all exceptions\n\n# LOCALIZATION NOTE (pauseOnExceptions): The pause on exceptions button tooltip\n# when the debugger will pause on all exceptions.\npauseOnExceptions=Pause on all exceptions. Click to ignore exceptions\n\n# LOCALIZATION NOTE (loadingText): The text that is displayed in the script\n# editor when the loading process has started but there is no file to display\n# yet.\nloadingText=Loading\\u2026\n\n# LOCALIZATION NOTE (errorLoadingText2): The text that is displayed in the debugger\n# viewer when there is an error loading a file\nerrorLoadingText2=Error loading this URL: %S\n\n# LOCALIZATION NOTE (addWatchExpressionText): The text that is displayed in the\n# watch expressions list to add a new item.\naddWatchExpressionText=Add watch expression\n\n# LOCALIZATION NOTE (addWatchExpressionButton): The button that is displayed in the\n# variables view popup.\naddWatchExpressionButton=Watch\n\n# LOCALIZATION NOTE (emptyVariablesText): The text that is displayed in the\n# variables pane when there are no variables to display.\nemptyVariablesText=No variables to display\n\n# LOCALIZATION NOTE (scopeLabel): The text that is displayed in the variables\n# pane as a header for each variable scope (e.g. \"Global scope, \"With scope\",\n# etc.).\nscopeLabel=%S scope\n\n# LOCALIZATION NOTE (watchExpressionsScopeLabel): The name of the watch\n# expressions scope. This text is displayed in the variables pane as a header for\n# the watch expressions scope.\nwatchExpressionsScopeLabel=Watch expressions\n\n# LOCALIZATION NOTE (globalScopeLabel): The name of the global scope. This text\n# is added to scopeLabel and displayed in the variables pane as a header for\n# the global scope.\nglobalScopeLabel=Global\n\n# LOCALIZATION NOTE (variablesViewErrorStacktrace): This is the text that is\n# shown before the stack trace in an error.\nvariablesViewErrorStacktrace=Stack trace:\n\n# LOCALIZATION NOTE (variablesViewMoreObjects): the text that is displayed\n# when you have an object preview that does not show all of the elements. At the end of the list\n# you see \"N more...\" in the web console output.\n# This is a semi-colon list of plural forms.\n# See: http://developer.mozilla.org/en/docs/Localization_and_Plurals\n# #1 number of remaining items in the object\n# example: 3 more…\nvariablesViewMoreObjects=#1 more…;#1 more…\n\n# LOCALIZATION NOTE (variablesEditableNameTooltip): The text that is displayed\n# in the variables list on an item with an editable name.\nvariablesEditableNameTooltip=Double click to edit\n\n# LOCALIZATION NOTE (variablesEditableValueTooltip): The text that is displayed\n# in the variables list on an item with an editable value.\nvariablesEditableValueTooltip=Click to change value\n\n# LOCALIZATION NOTE (variablesCloseButtonTooltip): The text that is displayed\n# in the variables list on an item which can be removed.\nvariablesCloseButtonTooltip=Click to remove\n\n# LOCALIZATION NOTE (variablesEditButtonTooltip): The text that is displayed\n# in the variables list on a getter or setter which can be edited.\nvariablesEditButtonTooltip=Click to set value\n\n# LOCALIZATION NOTE (variablesEditableValueTooltip): The text that is displayed\n# in a tooltip on the \"open in inspector\" button in the the variables list for a\n# DOMNode item.\nvariablesDomNodeValueTooltip=Click to select the node in the inspector\n\n# LOCALIZATION NOTE (configurable|...|Tooltip): The text that is displayed\n# in the variables list on certain variables or properties as tooltips.\n# Expanations of what these represent can be found at the following links:\n# https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty\n# https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/isExtensible\n# https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/isFrozen\n# https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/isSealed\n# It's probably best to keep these in English.\nconfigurableTooltip=configurable\nenumerableTooltip=enumerable\nwritableTooltip=writable\nfrozenTooltip=frozen\nsealedTooltip=sealed\nextensibleTooltip=extensible\noverriddenTooltip=overridden\nWebIDLTooltip=WebIDL\n\n# LOCALIZATION NOTE (variablesSeparatorLabel): The text that is displayed\n# in the variables list as a separator between the name and value.\nvariablesSeparatorLabel=:\n\n# LOCALIZATION NOTE (watchExpressionsSeparatorLabel2): The text that is displayed\n# in the watch expressions list as a separator between the code and evaluation.\nwatchExpressionsSeparatorLabel2=\\u0020→\n\n# LOCALIZATION NOTE (functionSearchSeparatorLabel): The text that is displayed\n# in the functions search panel as a separator between function's inferred name\n# and its real name (if available).\nfunctionSearchSeparatorLabel=←\n\n# LOCALIZATION NOTE(symbolSearch.search.functionsPlaceholder): The placeholder\n# text displayed when the user searches for functions in a file\nsymbolSearch.search.functionsPlaceholder=Search functions…\n\n# LOCALIZATION NOTE(symbolSearch.search.variablesPlaceholder): The placeholder\n# text displayed when the user searches for variables in a file\nsymbolSearch.search.variablesPlaceholder=Search variables…\n\n# LOCALIZATION NOTE(symbolSearch.search.key2): The Key Shortcut for\n# searching for a function or variable\nsymbolSearch.search.key2=CmdOrCtrl+Shift+O\n\n# LOCALIZATION NOTE(symbolSearch.searchModifier.modifiersLabel): A label\n# preceding the group of modifiers\nsymbolSearch.searchModifier.modifiersLabel=Modifiers:\n\n# LOCALIZATION NOTE(symbolSearch.searchModifier.regex): A search option\n# when searching text in a file\nsymbolSearch.searchModifier.regex=Regex\n\n# LOCALIZATION NOTE(symbolSearch.searchModifier.caseSensitive): A search option\n# when searching text in a file\nsymbolSearch.searchModifier.caseSensitive=Case sensitive\n\n# LOCALIZATION NOTE(symbolSearch.searchModifier.wholeWord): A search option\n# when searching text in a file\nsymbolSearch.searchModifier.wholeWord=Whole word\n\n# LOCALIZATION NOTE (resumptionOrderPanelTitle): This is the text that appears\n# as a description in the notification panel popup, when multiple debuggers are\n# open in separate tabs and the user tries to resume them in the wrong order.\n# The substitution parameter is the URL of the last paused window that must be\n# resumed first.\nresumptionOrderPanelTitle=There are one or more paused debuggers. Please resume the most-recently paused debugger first at: %S\n\nvariablesViewOptimizedOut=(optimized away)\nvariablesViewUninitialized=(uninitialized)\nvariablesViewMissingArgs=(unavailable)\n\nanonymousSourcesLabel=Anonymous Sources\n\nexperimental=This is an experimental feature\n\n# LOCALIZATION NOTE (whyPaused.debuggerStatement): The text that is displayed\n# in a info block explaining how the debugger is currently paused due to a `debugger`\n# statement in the code\nwhyPaused.debuggerStatement=Paused on debugger statement\n\n# LOCALIZATION NOTE (whyPaused.breakpoint): The text that is displayed\n# in a info block explaining how the debugger is currently paused on a breakpoint\nwhyPaused.breakpoint=Paused on breakpoint\n\n# LOCALIZATION NOTE (whyPaused.exception): The text that is displayed\n# in a info block explaining how the debugger is currently paused on an exception\nwhyPaused.exception=Paused on exception\n\n# LOCALIZATION NOTE (whyPaused.resumeLimit): The text that is displayed\n# in a info block explaining how the debugger is currently paused while stepping\n# in or out of the stack\nwhyPaused.resumeLimit=Paused while stepping\n\n# LOCALIZATION NOTE (whyPaused.pauseOnDOMEvents): The text that is displayed\n# in a info block explaining how the debugger is currently paused on a\n# dom event\nwhyPaused.pauseOnDOMEvents=Paused on event listener\n\n# LOCALIZATION NOTE (whyPaused.breakpointConditionThrown): The text that is displayed\n# in an info block when evaluating a conditional breakpoint throws an error\nwhyPaused.breakpointConditionThrown=Error with conditional breakpoint\n\n# LOCALIZATION NOTE (whyPaused.xhr): The text that is displayed\n# in a info block explaining how the debugger is currently paused on an\n# xml http request\nwhyPaused.xhr=Paused on XMLHttpRequest\n\n# LOCALIZATION NOTE (whyPaused.promiseRejection): The text that is displayed\n# in a info block explaining how the debugger is currently paused on a\n# promise rejection\nwhyPaused.promiseRejection=Paused on promise rejection\n\n# LOCALIZATION NOTE (whyPaused.assert): The text that is displayed\n# in a info block explaining how the debugger is currently paused on an\n# assert\nwhyPaused.assert=Paused on assertion\n\n# LOCALIZATION NOTE (whyPaused.debugCommand): The text that is displayed\n# in a info block explaining how the debugger is currently paused on a\n# debugger statement\nwhyPaused.debugCommand=Paused on debugged function\n\n# LOCALIZATION NOTE (whyPaused.other): The text that is displayed\n# in a info block explaining how the debugger is currently paused on an event\n# listener breakpoint set\nwhyPaused.other=Debugger paused\n\n# LOCALIZATION NOTE (ctrl): The text that is used for documenting\n# keyboard shortcuts that use the control key\nctrl=Ctrl\n"
+module.exports = "# This Source Code Form is subject to the terms of the Mozilla Public\n# License, v. 2.0. If a copy of the MPL was not distributed with this\n# file, You can obtain one at http://mozilla.org/MPL/2.0/.\n\n# LOCALIZATION NOTE These strings are used inside the Debugger\n# which is available from the Web Developer sub-menu -> 'Debugger'.\n# The correct localization of this file might be to keep it in\n# English, or another language commonly spoken among web developers.\n# You want to make that choice consistent across the developer tools.\n# A good criteria is the language in which you'd find the best\n# documentation on web development on the web.\n\n# LOCALIZATION NOTE (collapsePanes): This is the tooltip for the button\n# that collapses the left and right panes in the debugger UI.\ncollapsePanes=Collapse panes\n\n# LOCALIZATION NOTE (copySource): This is the text that appears in the\n# context menu to copy the selected source of file open.\ncopySource=Copy\ncopySource.accesskey=y\n\n# LOCALIZATION NOTE (copySourceUrl): This is the text that appears in the\n# context menu to copy the source URL of file open.\ncopySourceUrl=Copy Source Url\ncopySourceUrl.accesskey=u\n\n# LOCALIZATION NOTE (copyStackTrace): This is the text that appears in the\n# context menu to copy the stack trace methods, file names and row number.\ncopyStackTrace=Copy Stack Trace\ncopyStackTrace.accesskey=c\n\n# LOCALIZATION NOTE (expandPanes): This is the tooltip for the button\n# that expands the left and right panes in the debugger UI.\nexpandPanes=Expand panes\n\n# LOCALIZATION NOTE (pauseButtonTooltip): The tooltip that is displayed for the pause\n# button when the debugger is in a running state.\npauseButtonTooltip=Pause %S\n\n# LOCALIZATION NOTE (pausePendingButtonTooltip): The tooltip that is displayed for\n# the pause button after it's been clicked but before the next JavaScript to run.\npausePendingButtonTooltip=Waiting for next execution\n\n# LOCALIZATION NOTE (resumeButtonTooltip): The label that is displayed on the pause\n# button when the debugger is in a paused state.\nresumeButtonTooltip=Resume %S\n\n# LOCALIZATION NOTE (stepOverTooltip): The label that is displayed on the\n# button that steps over a function call.\nstepOverTooltip=Step Over %S\n\n# LOCALIZATION NOTE (stepInTooltip): The label that is displayed on the\n# button that steps into a function call.\nstepInTooltip=Step In %S\n\n# LOCALIZATION NOTE (stepOutTooltip): The label that is displayed on the\n# button that steps out of a function call.\nstepOutTooltip=Step Out %S\n\n# LOCALIZATION NOTE (workersHeader): The text to display in the events\n# header.\nworkersHeader=Workers\n\n# LOCALIZATION NOTE (noWorkersText): The text to display in the workers list\n# when there are no workers.\nnoWorkersText=This page has no workers.\n\n# LOCALIZATION NOTE (noSourcesText): The text to display in the sources list\n# when there are no sources.\nnoSourcesText=This page has no sources.\n\n# LOCALIZATION NOTE (noEventListenersText): The text to display in the events tab\n# when there are no events.\nnoEventListenersText=No event listeners to display\n\n# LOCALIZATION NOTE (eventListenersHeader): The text to display in the events\n# header.\neventListenersHeader=Event Listeners\n\n# LOCALIZATION NOTE (noStackFramesText): The text to display in the call stack tab\n# when there are no stack frames.\nnoStackFramesText=No stack frames to display\n\n# LOCALIZATION NOTE (eventCheckboxTooltip): The tooltip text to display when\n# the user hovers over the checkbox used to toggle an event breakpoint.\neventCheckboxTooltip=Toggle breaking on this event\n\n# LOCALIZATION NOTE (eventOnSelector): The text to display in the events tab\n# for every event item, between the event type and event selector.\neventOnSelector=on\n\n# LOCALIZATION NOTE (eventInSource): The text to display in the events tab\n# for every event item, between the event selector and listener's owner source.\neventInSource=in\n\n# LOCALIZATION NOTE (eventNodes): The text to display in the events tab when\n# an event is listened on more than one target node.\neventNodes=%S nodes\n\n# LOCALIZATION NOTE (eventNative): The text to display in the events tab when\n# a listener is added from plugins, thus getting translated to native code.\neventNative=[native code]\n\n# LOCALIZATION NOTE (*Events): The text to display in the events tab for\n# each group of sub-level event entries.\nanimationEvents=Animation\naudioEvents=Audio\nbatteryEvents=Battery\nclipboardEvents=Clipboard\ncompositionEvents=Composition\ndeviceEvents=Device\ndisplayEvents=Display\ndragAndDropEvents=Drag and Drop\ngamepadEvents=Gamepad\nindexedDBEvents=IndexedDB\ninteractionEvents=Interaction\nkeyboardEvents=Keyboard\nmediaEvents=HTML5 Media\nmouseEvents=Mouse\nmutationEvents=Mutation\nnavigationEvents=Navigation\npointerLockEvents=Pointer Lock\nsensorEvents=Sensor\nstorageEvents=Storage\ntimeEvents=Time\ntouchEvents=Touch\notherEvents=Other\n\n# LOCALIZATION NOTE (blackboxCheckboxTooltip2): The tooltip text to display when\n# the user hovers over the checkbox used to toggle blackboxing its associated\n# source.\nblackboxCheckboxTooltip2=Toggle blackboxing\n\n# LOCALIZATION NOTE (sources.search.key2): Key shortcut to open the search for\n# searching all the source files the debugger has seen.\nsources.search.key2=CmdOrCtrl+P\n\n# LOCALIZATION NOTE (sources.search.alt.key): A second key shortcut to open the\n# search for searching all the source files the debugger has seen.\nsources.search.alt.key=CmdOrCtrl+O\n\n# LOCALIZATION NOTE (projectTextSearch.key): A key shortcut to open the\n# full project text search for searching all the files the debugger has seen.\nprojectTextSearch.key=CmdOrCtrl+Shift+F\n\n# LOCALIZATION NOTE (functionSearch.key): A key shortcut to open the\n# modal for searching functions in a file.\nfunctionSearch.key=CmdOrCtrl+Shift+O\n\n# LOCALIZATION NOTE (projectTextSearch.placeholder): A placeholder shown\n# when searching across all of the files in a project.\nprojectTextSearch.placeholder=Find in files…\n\n# LOCALIZATION NOTE (sources.noSourcesAvailable): Text shown when the debugger\n# does not have any sources.\nsources.noSourcesAvailable=This page has no sources\n\n# LOCALIZATION NOTE (sourceSearch.search.key2): Key shortcut to open the search\n# for searching within a the currently opened files in the editor\nsourceSearch.search.key2=CmdOrCtrl+F\n\n# LOCALIZATION NOTE (sourceSearch.search.placeholder): placeholder text in\n# the source search input bar\nsourceSearch.search.placeholder=Search in file…\n\n# LOCALIZATION NOTE (sourceSearch.search.again.key2): Key shortcut to highlight\n# the next occurrence of the last search triggered from a source search\nsourceSearch.search.again.key2=CmdOrCtrl+G\n\n# LOCALIZATION NOTE (sourceSearch.search.againPrev.key2): Key shortcut to highlight\n# the previous occurrence of the last search triggered from a source search\nsourceSearch.search.againPrev.key2=CmdOrCtrl+Shift+G\n\n# LOCALIZATION NOTE (sourceSearch.resultsSummary1): Shows a summary of\n# the number of matches for autocomplete\nsourceSearch.resultsSummary1=%d results\n\n# LOCALIZATION NOTE (noMatchingStringsText): The text to display in the\n# global search results when there are no matching strings after filtering.\nnoMatchingStringsText=No matches found\n\n# LOCALIZATION NOTE (emptySearchText): This is the text that appears in the\n# filter text box when it is empty and the scripts container is selected.\nemptySearchText=Search scripts (%S)\n\n# LOCALIZATION NOTE (emptyVariablesFilterText): This is the text that\n# appears in the filter text box for the variables view container.\nemptyVariablesFilterText=Filter variables\n\n# LOCALIZATION NOTE (emptyPropertiesFilterText): This is the text that\n# appears in the filter text box for the editor's variables view bubble.\nemptyPropertiesFilterText=Filter properties\n\n# LOCALIZATION NOTE (searchPanelFilter): This is the text that appears in the\n# filter panel popup for the filter scripts operation.\nsearchPanelFilter=Filter scripts (%S)\n\n# LOCALIZATION NOTE (searchPanelGlobal): This is the text that appears in the\n# filter panel popup for the global search operation.\nsearchPanelGlobal=Search in all files (%S)\n\n# LOCALIZATION NOTE (searchPanelFunction): This is the text that appears in the\n# filter panel popup for the function search operation.\nsearchPanelFunction=Search for function definition (%S)\n\n# LOCALIZATION NOTE (searchPanelToken): This is the text that appears in the\n# filter panel popup for the token search operation.\nsearchPanelToken=Find in this file (%S)\n\n# LOCALIZATION NOTE (searchPanelGoToLine): This is the text that appears in the\n# filter panel popup for the line search operation.\nsearchPanelGoToLine=Go to line (%S)\n\n# LOCALIZATION NOTE (searchPanelVariable): This is the text that appears in the\n# filter panel popup for the variables search operation.\nsearchPanelVariable=Filter variables (%S)\n\n# LOCALIZATION NOTE (breakpointMenuItem): The text for all the elements that\n# are displayed in the breakpoints menu item popup.\nbreakpointMenuItem.setConditional=Configure conditional breakpoint\nbreakpointMenuItem.enableSelf=Enable breakpoint\nbreakpointMenuItem.enableSelf.accesskey=E\nbreakpointMenuItem.disableSelf=Disable breakpoint\nbreakpointMenuItem.disableSelf.accesskey=D\nbreakpointMenuItem.deleteSelf=Remove breakpoint\nbreakpointMenuItem.deleteSelf.accesskey=R\nbreakpointMenuItem.enableOthers=Enable others\nbreakpointMenuItem.enableOthers.accesskey=o\nbreakpointMenuItem.disableOthers=Disable others\nbreakpointMenuItem.disableOthers.accesskey=s\nbreakpointMenuItem.deleteOthers=Remove others\nbreakpointMenuItem.deleteOthers.accesskey=h\nbreakpointMenuItem.enableAll=Enable all breakpoints\nbreakpointMenuItem.enableAll.accesskey=b\nbreakpointMenuItem.disableAll=Disable all breakpoints\nbreakpointMenuItem.disableAll.accesskey=k\nbreakpointMenuItem.deleteAll=Remove all breakpoints\nbreakpointMenuItem.deleteAll.accesskey=a\n\n# LOCALIZATION NOTE (breakpoints.header): Breakpoints right sidebar pane header.\nbreakpoints.header=Breakpoints\n\n# LOCALIZATION NOTE (breakpoints.none): The text that appears when there are\n# no breakpoints present\nbreakpoints.none=No Breakpoints\n\n# LOCALIZATION NOTE (breakpoints.enable): The text that may appear as a tooltip\n# when hovering over the 'disable breakpoints' switch button in right sidebar\nbreakpoints.enable=Enable Breakpoints\n\n# LOCALIZATION NOTE (breakpoints.disable): The text that may appear as a tooltip\n# when hovering over the 'disable breakpoints' switch button in right sidebar\nbreakpoints.disable=Disable Breakpoints\n\n# LOCALIZATION NOTE (breakpoints.removeBreakpointTooltip): The tooltip that is displayed\n# for remove breakpoint button in right sidebar\nbreakpoints.removeBreakpointTooltip=Remove Breakpoint\n\n# LOCALIZATION NOTE (callStack.header): Call Stack right sidebar pane header.\ncallStack.header=Call Stack\n\n# LOCALIZATION NOTE (callStack.notPaused): Call Stack right sidebar pane\n# message when not paused.\ncallStack.notPaused=Not Paused\n\n# LOCALIZATION NOTE (callStack.collapse): Call Stack right sidebar pane\n# message to hide some of the frames that are shown.\ncallStack.collapse=Collapse Rows\n\n# LOCALIZATION NOTE (callStack.expand): Call Stack right sidebar pane\n# message to show more of the frames.\ncallStack.expand=Expand Rows\n\n# LOCALIZATION NOTE (editor.searchResults): Editor Search bar message\n# for the summarizing the selected search result. e.g. 5 of 10 results.\neditor.searchResults=%d of %d results\n\n# LOCALIZATION NOTE (sourceSearch.singleResult): Copy shown when there is one result.\neditor.singleResult=1 result\n\n# LOCALIZATION NOTE (editor.noResults): Editor Search bar message\n# for when no results found.\neditor.noResults=no results\n\n# LOCALIZATION NOTE (editor.searchResults.nextResult): Editor Search bar\n# tooltip for traversing to the Next Result\neditor.searchResults.nextResult=Next Result\n\n# LOCALIZATION NOTE (editor.searchResults.prevResult): Editor Search bar\n# tooltip for traversing to the Previous Result\neditor.searchResults.prevResult=Previous Result\n\n# LOCALIZATION NOTE (editor.searchTypeToggleTitle): Search bar title for\n# toggling search type buttons(function search, variable search)\neditor.searchTypeToggleTitle=Search for:\n\n# LOCALIZATION NOTE (editor.addBreakpoint): Editor gutter context menu item\n# for adding a breakpoint on a line.\neditor.addBreakpoint=Add Breakpoint\n\n# LOCALIZATION NOTE (editor.disableBreakpoint): Editor gutter context menu item\n# for disabling a breakpoint on a line.\neditor.disableBreakpoint=Disable Breakpoint\n\n# LOCALIZATION NOTE (editor.enableBreakpoint): Editor gutter context menu item\n# for enabling a breakpoint on a line.\neditor.enableBreakpoint=Enable Breakpoint\n\n# LOCALIZATION NOTE (editor.removeBreakpoint): Editor gutter context menu item\n# for removing a breakpoint on a line.\neditor.removeBreakpoint=Remove Breakpoint\n\n# LOCALIZATION NOTE (editor.editBreakpoint): Editor gutter context menu item\n# for setting a breakpoint condition on a line.\neditor.editBreakpoint=Edit Breakpoint\n\n# LOCALIZATION NOTE (editor.addConditionalBreakpoint): Editor gutter context\n# menu item for adding a breakpoint condition on a line.\neditor.addConditionalBreakpoint=Add Conditional Breakpoint\n\n# LOCALIZATION NOTE (editor.conditionalPanel.placeholder): Placeholder text for\n# input element inside ConditionalPanel component\neditor.conditionalPanel.placeholder=This breakpoint will pause when the expression is true\n\n# LOCALIZATION NOTE (editor.conditionalPanel.placeholder): Tooltip text for\n# close button inside ConditionalPanel component\neditor.conditionalPanel.close=Cancel edit breakpoint and close\n\n# LOCALIZATION NOTE (editor.jumpToMappedLocation1): Context menu item\n# for navigating to a source mapped location\neditor.jumpToMappedLocation1=Jump to %S location\n\n# LOCALIZATION NOTE (framework.disableGrouping): This is the text that appears in the\n# context menu to disable framework grouping.\nframework.disableGrouping=Disable Framework Grouping\nframework.disableGrouping.accesskey=u\n\n# LOCALIZATION NOTE (framework.enableGrouping): This is the text that appears in the\n# context menu to enable framework grouping.\nframework.enableGrouping=Enable Framework Grouping\nframework.enableGrouping.accesskey=u\n\n# LOCALIZATION NOTE (generated): Source Map term for a server source location\ngenerated=generated\n\n# LOCALIZATION NOTE (original): Source Map term for a debugger UI source location\noriginal=original\n\n# LOCALIZATION NOTE (expressions.placeholder): Placeholder text for expression\n# input element\nexpressions.placeholder=Add Watch Expression\n\n# LOCALIZATION NOTE (sourceTabs.closeTab): Editor source tab context menu item\n# for closing the selected tab below the mouse.\nsourceTabs.closeTab=Close tab\nsourceTabs.closeTab.accesskey=c\n\n# LOCALIZATION NOTE (sourceTabs.closeOtherTabs): Editor source tab context menu item\n# for closing the other tabs.\nsourceTabs.closeOtherTabs=Close others\nsourceTabs.closeOtherTabs.accesskey=o\n\n# LOCALIZATION NOTE (sourceTabs.closeTabsToEnd): Editor source tab context menu item\n# for closing the tabs to the end (the right for LTR languages) of the selected tab.\nsourceTabs.closeTabsToEnd=Close tabs to the right\nsourceTabs.closeTabsToEnd.accesskey=e\n\n# LOCALIZATION NOTE (sourceTabs.closeAllTabs): Editor source tab context menu item\n# for closing all tabs.\nsourceTabs.closeAllTabs=Close all tabs\nsourceTabs.closeAllTabs.accesskey=a\n\n# LOCALIZATION NOTE (sourceTabs.revealInTree): Editor source tab context menu item\n# for revealing source in tree.\nsourceTabs.revealInTree=Reveal in Tree\nsourceTabs.revealInTree.accesskey=r\n\n# LOCALIZATION NOTE (sourceTabs.copyLink): Editor source tab context menu item\n# for copying a link address.\nsourceTabs.copyLink=Copy Link Address\nsourceTabs.copyLink.accesskey=l\n\n# LOCALIZATION NOTE (sourceTabs.prettyPrint): Editor source tab context menu item\n# for pretty printing the source.\nsourceTabs.prettyPrint=Pretty Print Source\nsourceTabs.prettyPrint.accesskey=p\n\n# LOCALIZATION NOTE (sourceFooter.blackbox): Tooltip text associated\n# with the blackbox button\nsourceFooter.blackbox=Blackbox Source\nsourceFooter.blackbox.accesskey=B\n\n# LOCALIZATION NOTE (sourceFooter.unblackbox): Tooltip text associated\n# with the blackbox button\nsourceFooter.unblackbox=Unblackbox Source\nsourceFooter.unblackbox.accesskey=b\n\n# LOCALIZATION NOTE (sourceFooter.blackboxed): Text associated\n# with a blackboxed source\nsourceFooter.blackboxed=Blackboxed Source\n\n# LOCALIZATION NOTE (sourceFooter.codeCoverage): Text associated\n# with a code coverage button\nsourceFooter.codeCoverage=Code Coverage\n\n# LOCALIZATION NOTE (sourceTabs.closeTabButtonTooltip): The tooltip that is displayed\n# for close tab button in source tabs.\nsourceTabs.closeTabButtonTooltip=Close tab\n\n# LOCALIZATION NOTE (sourceTabs.newTabButtonTooltip): The tooltip that is displayed for\n# new tab button in source tabs.\nsourceTabs.newTabButtonTooltip=Search for sources (%S)\n\n# LOCALIZATION NOTE (scopes.header): Scopes right sidebar pane header.\nscopes.header=Scopes\n\n# LOCALIZATION NOTE (scopes.notAvailable): Scopes right sidebar pane message\n# for when the debugger is paused, but there isn't pause data.\nscopes.notAvailable=Scopes Unavailable\n\n# LOCALIZATION NOTE (scopes.notPaused): Scopes right sidebar pane message\n# for when the debugger is not paused.\nscopes.notPaused=Not Paused\n\n# LOCALIZATION NOTE (scopes.block): Refers to a block of code in\n# the scopes pane when the debugger is paused.\nscopes.block=Block\n\n# LOCALIZATION NOTE (sources.header): Sources left sidebar header\nsources.header=Sources\n\n# LOCALIZATION NOTE (outline.header): Outline left sidebar header\noutline.header=Outline\n\n# LOCALIZATION NOTE (sources.search): Sources left sidebar prompt\n# e.g. Cmd+P to search. On a mac, we use the command unicode character.\n# On windows, it's ctrl.\nsources.search=%S to search\n\n# LOCALIZATION NOTE (watchExpressions.header): Watch Expressions right sidebar\n# pane header.\nwatchExpressions.header=Watch Expressions\n\n# LOCALIZATION NOTE (watchExpressions.refreshButton): Watch Expressions header\n# button for refreshing the expressions.\nwatchExpressions.refreshButton=Refresh\n\n# LOCALIZATION NOTE (welcome.search): The center pane welcome panel's\n# search prompt. e.g. cmd+p to search for files. On windows, it's ctrl, on\n# a mac we use the unicode character.\nwelcome.search=%S to search for sources\n\n# LOCALIZATION NOTE (welcome.findInFiles): The center pane welcome panel's\n# search prompt. e.g. cmd+f to search for files. On windows, it's ctrl+shift+f, on\n# a mac we use the unicode character.\nwelcome.findInFiles=%S to find in files\n\n# LOCALIZATION NOTE (welcome.searchFunction): Label displayed in the welcome\n# panel. %S is replaced by the keyboard shortcut to search for functions.\nwelcome.searchFunction=%S to search for functions in file\n\n# LOCALIZATION NOTE (sourceSearch.search): The center pane Source Search\n# prompt for searching for files.\nsourceSearch.search=Search sources…\n\n# LOCALIZATION NOTE (sourceSearch.noResults): The center pane Source Search\n# message when the query did not match any of the sources.\nsourceSearch.noResults2=No results found\n\n# LOCALIZATION NOTE (ignoreExceptions): The pause on exceptions button tooltip\n# when the debugger will not pause on exceptions.\nignoreExceptions=Ignore exceptions. Click to pause on uncaught exceptions\n\n# LOCALIZATION NOTE (pauseOnUncaughtExceptions): The pause on exceptions button\n# tooltip when the debugger will pause on uncaught exceptions.\npauseOnUncaughtExceptions=Pause on uncaught exceptions. Click to pause on all exceptions\n\n# LOCALIZATION NOTE (pauseOnExceptions): The pause on exceptions button tooltip\n# when the debugger will pause on all exceptions.\npauseOnExceptions=Pause on all exceptions. Click to ignore exceptions\n\n# LOCALIZATION NOTE (loadingText): The text that is displayed in the script\n# editor when the loading process has started but there is no file to display\n# yet.\nloadingText=Loading\\u2026\n\n# LOCALIZATION NOTE (errorLoadingText2): The text that is displayed in the debugger\n# viewer when there is an error loading a file\nerrorLoadingText2=Error loading this URL: %S\n\n# LOCALIZATION NOTE (addWatchExpressionText): The text that is displayed in the\n# watch expressions list to add a new item.\naddWatchExpressionText=Add watch expression\n\n# LOCALIZATION NOTE (addWatchExpressionButton): The button that is displayed in the\n# variables view popup.\naddWatchExpressionButton=Watch\n\n# LOCALIZATION NOTE (emptyVariablesText): The text that is displayed in the\n# variables pane when there are no variables to display.\nemptyVariablesText=No variables to display\n\n# LOCALIZATION NOTE (scopeLabel): The text that is displayed in the variables\n# pane as a header for each variable scope (e.g. \"Global scope, \"With scope\",\n# etc.).\nscopeLabel=%S scope\n\n# LOCALIZATION NOTE (watchExpressionsScopeLabel): The name of the watch\n# expressions scope. This text is displayed in the variables pane as a header for\n# the watch expressions scope.\nwatchExpressionsScopeLabel=Watch expressions\n\n# LOCALIZATION NOTE (globalScopeLabel): The name of the global scope. This text\n# is added to scopeLabel and displayed in the variables pane as a header for\n# the global scope.\nglobalScopeLabel=Global\n\n# LOCALIZATION NOTE (variablesViewErrorStacktrace): This is the text that is\n# shown before the stack trace in an error.\nvariablesViewErrorStacktrace=Stack trace:\n\n# LOCALIZATION NOTE (variablesViewMoreObjects): the text that is displayed\n# when you have an object preview that does not show all of the elements. At the end of the list\n# you see \"N more...\" in the web console output.\n# This is a semi-colon list of plural forms.\n# See: http://developer.mozilla.org/en/docs/Localization_and_Plurals\n# #1 number of remaining items in the object\n# example: 3 more…\nvariablesViewMoreObjects=#1 more…;#1 more…\n\n# LOCALIZATION NOTE (variablesEditableNameTooltip): The text that is displayed\n# in the variables list on an item with an editable name.\nvariablesEditableNameTooltip=Double click to edit\n\n# LOCALIZATION NOTE (variablesEditableValueTooltip): The text that is displayed\n# in the variables list on an item with an editable value.\nvariablesEditableValueTooltip=Click to change value\n\n# LOCALIZATION NOTE (variablesCloseButtonTooltip): The text that is displayed\n# in the variables list on an item which can be removed.\nvariablesCloseButtonTooltip=Click to remove\n\n# LOCALIZATION NOTE (variablesEditButtonTooltip): The text that is displayed\n# in the variables list on a getter or setter which can be edited.\nvariablesEditButtonTooltip=Click to set value\n\n# LOCALIZATION NOTE (variablesEditableValueTooltip): The text that is displayed\n# in a tooltip on the \"open in inspector\" button in the the variables list for a\n# DOMNode item.\nvariablesDomNodeValueTooltip=Click to select the node in the inspector\n\n# LOCALIZATION NOTE (configurable|...|Tooltip): The text that is displayed\n# in the variables list on certain variables or properties as tooltips.\n# Expanations of what these represent can be found at the following links:\n# https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty\n# https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/isExtensible\n# https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/isFrozen\n# https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/isSealed\n# It's probably best to keep these in English.\nconfigurableTooltip=configurable\nenumerableTooltip=enumerable\nwritableTooltip=writable\nfrozenTooltip=frozen\nsealedTooltip=sealed\nextensibleTooltip=extensible\noverriddenTooltip=overridden\nWebIDLTooltip=WebIDL\n\n# LOCALIZATION NOTE (variablesSeparatorLabel): The text that is displayed\n# in the variables list as a separator between the name and value.\nvariablesSeparatorLabel=:\n\n# LOCALIZATION NOTE (watchExpressionsSeparatorLabel2): The text that is displayed\n# in the watch expressions list as a separator between the code and evaluation.\nwatchExpressionsSeparatorLabel2=\\u0020→\n\n# LOCALIZATION NOTE (functionSearchSeparatorLabel): The text that is displayed\n# in the functions search panel as a separator between function's inferred name\n# and its real name (if available).\nfunctionSearchSeparatorLabel=←\n\n# LOCALIZATION NOTE(symbolSearch.search.functionsPlaceholder): The placeholder\n# text displayed when the user searches for functions in a file\nsymbolSearch.search.functionsPlaceholder=Search functions…\n\n# LOCALIZATION NOTE(symbolSearch.search.variablesPlaceholder): The placeholder\n# text displayed when the user searches for variables in a file\nsymbolSearch.search.variablesPlaceholder=Search variables…\n\n# LOCALIZATION NOTE(symbolSearch.search.key2): The Key Shortcut for\n# searching for a function or variable\nsymbolSearch.search.key2=CmdOrCtrl+Shift+O\n\n# LOCALIZATION NOTE(symbolSearch.searchModifier.modifiersLabel): A label\n# preceding the group of modifiers\nsymbolSearch.searchModifier.modifiersLabel=Modifiers:\n\n# LOCALIZATION NOTE(symbolSearch.searchModifier.regex): A search option\n# when searching text in a file\nsymbolSearch.searchModifier.regex=Regex\n\n# LOCALIZATION NOTE(symbolSearch.searchModifier.caseSensitive): A search option\n# when searching text in a file\nsymbolSearch.searchModifier.caseSensitive=Case sensitive\n\n# LOCALIZATION NOTE(symbolSearch.searchModifier.wholeWord): A search option\n# when searching text in a file\nsymbolSearch.searchModifier.wholeWord=Whole word\n\n# LOCALIZATION NOTE (resumptionOrderPanelTitle): This is the text that appears\n# as a description in the notification panel popup, when multiple debuggers are\n# open in separate tabs and the user tries to resume them in the wrong order.\n# The substitution parameter is the URL of the last paused window that must be\n# resumed first.\nresumptionOrderPanelTitle=There are one or more paused debuggers. Please resume the most-recently paused debugger first at: %S\n\nvariablesViewOptimizedOut=(optimized away)\nvariablesViewUninitialized=(uninitialized)\nvariablesViewMissingArgs=(unavailable)\n\nanonymousSourcesLabel=Anonymous Sources\n\nexperimental=This is an experimental feature\n\n# LOCALIZATION NOTE (whyPaused.debuggerStatement): The text that is displayed\n# in a info block explaining how the debugger is currently paused due to a `debugger`\n# statement in the code\nwhyPaused.debuggerStatement=Paused on debugger statement\n\n# LOCALIZATION NOTE (whyPaused.breakpoint): The text that is displayed\n# in a info block explaining how the debugger is currently paused on a breakpoint\nwhyPaused.breakpoint=Paused on breakpoint\n\n# LOCALIZATION NOTE (whyPaused.exception): The text that is displayed\n# in a info block explaining how the debugger is currently paused on an exception\nwhyPaused.exception=Paused on exception\n\n# LOCALIZATION NOTE (whyPaused.resumeLimit): The text that is displayed\n# in a info block explaining how the debugger is currently paused while stepping\n# in or out of the stack\nwhyPaused.resumeLimit=Paused while stepping\n\n# LOCALIZATION NOTE (whyPaused.pauseOnDOMEvents): The text that is displayed\n# in a info block explaining how the debugger is currently paused on a\n# dom event\nwhyPaused.pauseOnDOMEvents=Paused on event listener\n\n# LOCALIZATION NOTE (whyPaused.breakpointConditionThrown): The text that is displayed\n# in an info block when evaluating a conditional breakpoint throws an error\nwhyPaused.breakpointConditionThrown=Error with conditional breakpoint\n\n# LOCALIZATION NOTE (whyPaused.xhr): The text that is displayed\n# in a info block explaining how the debugger is currently paused on an\n# xml http request\nwhyPaused.xhr=Paused on XMLHttpRequest\n\n# LOCALIZATION NOTE (whyPaused.promiseRejection): The text that is displayed\n# in a info block explaining how the debugger is currently paused on a\n# promise rejection\nwhyPaused.promiseRejection=Paused on promise rejection\n\n# LOCALIZATION NOTE (whyPaused.assert): The text that is displayed\n# in a info block explaining how the debugger is currently paused on an\n# assert\nwhyPaused.assert=Paused on assertion\n\n# LOCALIZATION NOTE (whyPaused.debugCommand): The text that is displayed\n# in a info block explaining how the debugger is currently paused on a\n# debugger statement\nwhyPaused.debugCommand=Paused on debugged function\n\n# LOCALIZATION NOTE (whyPaused.other): The text that is displayed\n# in a info block explaining how the debugger is currently paused on an event\n# listener breakpoint set\nwhyPaused.other=Debugger paused\n\n# LOCALIZATION NOTE (ctrl): The text that is used for documenting\n# keyboard shortcuts that use the control key\nctrl=Ctrl\n"
 
 /***/ }),
 /* 961 */,
 /* 962 */
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
@@ -41790,22 +41845,25 @@ function breakpointExists(state, locatio
   return currentBp && !currentBp.disabled;
 }
 
 function createBreakpoint(location) {
   var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var condition = overrides.condition,
       disabled = overrides.disabled,
       hidden = overrides.hidden,
-      generatedLocation = overrides.generatedLocation;
+      generatedLocation = overrides.generatedLocation,
+      astLocation = overrides.astLocation;
+
 
   var properties = {
     condition: condition || null,
     disabled: disabled || false,
     hidden: hidden || false,
+    astLocation: astLocation || { offset: location },
     generatedLocation: generatedLocation || location,
     location
   };
 
   return properties;
 }
 
 function createPendingLocation(location) {
@@ -41821,16 +41879,17 @@ function createPendingBreakpoint(bp) {
   var pendingGeneratedLocation = createPendingLocation(bp.generatedLocation);
 
   assertPendingLocation(pendingLocation);
 
   return {
     condition: bp.condition,
     disabled: bp.disabled,
     location: pendingLocation,
+    astLocation: bp.astLocation,
     generatedLocation: pendingGeneratedLocation
   };
 }
 
 /***/ }),
 /* 1058 */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -42242,90 +42301,99 @@ var _SearchInput = __webpack_require__(3
 var _SearchInput2 = _interopRequireDefault(_SearchInput);
 
 __webpack_require__(866);
 
 var _sourcesTree = __webpack_require__(39);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
-
 class TextSearch extends _react.Component {
   constructor(props) {
     super(props);
     this.state = {
       inputValue: this.props.query || ""
     };
 
-    this.focused = null;
+    this.focusedItem = null;
+    this.inputFocused = false;
 
     this.inputOnChange = this.inputOnChange.bind(this);
     this.onKeyDown = this.onKeyDown.bind(this);
     this.onEnterPress = this.onEnterPress.bind(this);
-    this.close = this.close.bind(this);
     this.selectMatchItem = this.selectMatchItem.bind(this);
   }
 
-  close() {
-    this.props.closeActiveSearch();
+  componentDidMount() {
+    var shortcuts = this.context.shortcuts;
+    shortcuts.on("Enter", this.onEnterPress);
+  }
+
+  componentWillUnmount() {
+    var shortcuts = this.context.shortcuts;
+    shortcuts.off("Enter", this.onEnterPress);
+  }
+
+  selectMatchItem(matchItem) {
+    this.props.selectSource(matchItem.sourceId, { line: matchItem.line });
+  }
+
+  getResults() {
+    var results = this.props.results;
+
+    return results.filter(result => result.filepath && result.matches.length > 0);
+  }
+
+  getResultCount() {
+    var results = this.getResults();
+    return results.reduce((count, file) => count + (file.matches ? file.matches.length : 0), 0);
   }
 
   onKeyDown(e) {
-    var _this = this;
-
-    return _asyncToGenerator(function* () {
-      if (e.key !== "Enter") {
-        return;
-      }
-      _this.props.searchSources(_this.state.inputValue);
-    })();
+    if (e.key === "Escape") {
+      return;
+    }
+
+    e.stopPropagation();
+
+    if (e.key !== "Enter") {
+      return;
+    }
+    this.focusedItem = null;
+    this.props.searchSources(this.state.inputValue);
   }
 
   onEnterPress() {
-    if (this.focused) {
-      var _focused = this.focused,
-          setExpanded = _focused.setExpanded,
-          file = _focused.file,
-          expanded = _focused.expanded,
-          match = _focused.match;
+    if (this.focusedItem && !this.inputFocused) {
+      var _focusedItem = this.focusedItem,
+          setExpanded = _focusedItem.setExpanded,
+          file = _focusedItem.file,
+          expanded = _focusedItem.expanded,
+          match = _focusedItem.match;
 
       if (setExpanded) {
         setExpanded(file, !expanded);
       } else {
         this.selectMatchItem(match);
       }
     }
   }
 
-  componentWillUnmount() {
-    var shortcuts = this.context.shortcuts;
-    shortcuts.off("Enter", this.onEnterPress);
-  }
-
-  componentDidMount() {
-    var shortcuts = this.context.shortcuts;
-    shortcuts.on("Enter", this.onEnterPress);
-  }
-
   inputOnChange(e) {
     var inputValue = e.target.value;
     this.setState({ inputValue });
   }
 
-  selectMatchItem(matchItem) {
-    this.props.selectSource(matchItem.sourceId, { line: matchItem.line });
-  }
-
   renderFile(file, focused, expanded, setExpanded) {
     if (focused) {
-      this.focused = { setExpanded, file, expanded };
-    }
-
-    var matches = ` (${file.matches.length} match${file.matches.length > 1 ? "es" : ""})`;
+      this.focusedItem = { setExpanded, file, expanded };
+    }
+
+    var matchesLength = file.matches.length;
+    var matches = ` (${matchesLength} match${matchesLength > 1 ? "es" : ""})`;
 
     return _react2.default.createElement(
       "div",
       {
         className: (0, _classnames2.default)("file-result", { focused }),
         key: file.sourceId,
         onClick: e => setExpanded(file, !expanded)
       },
@@ -42341,133 +42409,109 @@ class TextSearch extends _react.Componen
         { className: "matches-summary" },
         matches
       )
     );
   }
 
   renderMatch(match, focused) {
     if (focused) {
-      this.focused = { match };
+      this.focusedItem = { match };
     }
     return _react2.default.createElement(
       "div",
       {
         className: (0, _classnames2.default)("result", { focused }),
         onClick: () => setTimeout(() => this.selectMatchItem(match), 50)
       },
       _react2.default.createElement(
         "span",
         { className: "line-number", key: match.line },
         match.line
       ),
-      this.renderMatchValue(match.value)
-    );
-  }
-
-  renderMatchValue(value) {
-    var inputValue = this.state.inputValue;
-
-    var match = void 0;
-    var len = inputValue.length;
-    var matchIndexes = [];
-    var matches = [];
-    var re = new RegExp((0, _lodash.escapeRegExp)(inputValue), "g");
-    while ((match = re.exec(value)) !== null) {
-      matchIndexes.push(match.index);
-    }
-
-    matchIndexes.forEach((matchIndex, index) => {
-      if (matchIndex > 0 && index === 0) {
-        matches.push(_react2.default.createElement(
-          "span",
-          { className: "line-match", key: `case1-${index}` },
-          value.slice(0, matchIndex)
-        ));
-      }
-      if (matchIndex > matchIndexes[index - 1] + len) {
-        matches.push(_react2.default.createElement(
-          "span",
-          { className: "line-match", key: `case2-${index}` },
-          value.slice(matchIndexes[index - 1] + len, matchIndex)
-        ));
-      }
-      matches.push(_react2.default.createElement(
-        "span",
-        { className: "query-match", key: index },
-        value.substr(matchIndex, len)
-      ));
-      if (index === matchIndexes.length - 1) {
-        matches.push(_react2.default.createElement(
-          "span",
-          { className: "line-match", key: `case3-${index}` },
-          value.slice(matchIndex + len, value.length)
-        ));
-      }
-    });
+      this.renderMatchValue(match)
+    );
+  }
+
+  renderMatchValue(lineMatch) {
+    var value = lineMatch.value,
+        column = lineMatch.column,
+        match = lineMatch.match;
+
+    var len = match.length;
 
     return _react2.default.createElement(
       "span",
       { className: "line-value" },
-      matches
-    );
-  }
-
-  getResults() {
-    var results = this.props.results;
-
-    return results.filter(result => result.filepath && result.matches.length > 0);
+      _react2.default.createElement(
+        "span",
+        { className: "line-match", key: 0 },
+        value.slice(0, column)
+      ),
+      _react2.default.createElement(
+        "span",
+        { className: "query-match", key: 1 },
+        value.substr(column, len)
+      ),
+      _react2.default.createElement(
+        "span",
+        { className: "line-match", key: 2 },
+        value.slice(column + len, value.length)
+      )
+    );
   }
 
   renderResults() {
     var results = this.getResults();
     results = results.filter(result => result.matches.length > 0);
-    function getFilePath(item) {
-      return item.filepath ? `${item.sourceId}` : `${item.sourceId}-${item.line}-${item.column}`;
+    function getFilePath(item, index) {
+      return item.filepath ? `${item.sourceId}-${index}` : `${item.sourceId}-${item.line}-${item.column}-${index}`;
     }
 
     var renderItem = (item, depth, focused, _, expanded, _ref) => {
       var setExpanded = _ref.setExpanded;
 
       return item.filepath ? this.renderFile(item, focused, expanded, setExpanded) : this.renderMatch(item, focused);
     };
 
+    var getFocusedItem = () => {
+      if (this.focusedItem === null) {
+        return results[0] ? results[0].matches[0] : null;
+      }
+      return this.focusedItem.file || this.focusedItem.match;
+    };
+
     return _react2.default.createElement(_ManagedTree2.default, {
       getRoots: () => results,
       getChildren: file => file.matches || [],
       itemHeight: 24,
       autoExpand: 1,
       autoExpandDepth: 1,
-      focused: results[0],
+      focused: getFocusedItem(),
       getParent: item => null,
       getPath: getFilePath,
       renderItem: renderItem
     });
   }
 
-  resultCount() {
-    var results = this.getResults();
-    return results.reduce((count, file) => count + (file.matches ? file.matches.length : 0), 0);
-  }
-
   renderInput() {
-    var resultCount = this.resultCount();
+    var resultCount = this.getResultCount();
     var summaryMsg = L10N.getFormatStr("sourceSearch.resultsSummary1", resultCount);
 
     return _react2.default.createElement(_SearchInput2.default, {
       query: this.state.inputValue,
       count: resultCount,
       placeholder: L10N.getStr("projectTextSearch.placeholder"),
       size: "big",
       summaryMsg: summaryMsg,
       onChange: e => this.inputOnChange(e),
-      onFocus: () => this.setState({ focused: true }),
-      onBlur: () => this.setState({ focused: false }),
+      onFocus: () => this.inputFocused = true,
+      onBlur: () => this.inputFocused = false,
       onKeyDown: e => this.onKeyDown(e),
-      handleClose: this.close,
+      handleClose: this.props.closeActiveSearch,
       ref: "searchInput"
     });
   }
 
   render() {
     var searchBottomBar = this.props.searchBottomBar;
 
     return _react2.default.createElement(
@@ -42754,16 +42798,17 @@ exports.containsPosition = containsPosit
 exports.containsLocation = containsLocation;
 exports.nodeContainsPosition = nodeContainsPosition;
 function containsPosition(a, b) {
   var startsBefore = a.start.line < b.line || a.start.line === b.line && a.start.column <= b.column;
   var endsAfter = a.end.line > b.line || a.end.line === b.line && a.end.column >= b.column;
 
   return startsBefore && endsAfter;
 }
+
 function containsLocation(a, b) {
   return containsPosition(a, b.start) && containsPosition(a, b.end);
 }
 
 function nodeContainsPosition(node, position) {
   return containsPosition(node.loc, position);
 }
 
@@ -42994,16 +43039,17 @@ function getSourceSearchQuery(state) {
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.initialState = initialState;
 exports.getPendingBreakpoints = getPendingBreakpoints;
+exports.getPendingBreakpointsForSource = getPendingBreakpointsForSource;
 
 var _immutable = __webpack_require__(146);
 
 var I = _interopRequireWildcard(_immutable);
 
 var _makeRecord = __webpack_require__(230);
 
 var _makeRecord2 = _interopRequireDefault(_makeRecord);
@@ -43038,17 +43084,17 @@ function update() {
   switch (action.type) {
     case "ADD_BREAKPOINT":
       {
         return addBreakpoint(state, action);
       }
 
     case "SYNC_BREAKPOINT":
       {
-        return addBreakpoint(state, action);
+        return syncBreakpoint(state, action);
       }
 
     case "ENABLE_BREAKPOINT":
       {
         return addBreakpoint(state, action);
       }
 
     case "DISABLE_BREAKPOINT":
@@ -43079,16 +43125,30 @@ function addBreakpoint(state, action) {
   var breakpoint = action.value.breakpoint;
 
   var locationId = (0, _breakpoint.makePendingLocationId)(breakpoint.location);
   var pendingBreakpoint = (0, _breakpoint.createPendingBreakpoint)(breakpoint);
 
   return state.setIn(["pendingBreakpoints", locationId], pendingBreakpoint);
 }
 
+function syncBreakpoint(state, action) {
+  var breakpoint = action.breakpoint,
+      previousLocation = action.previousLocation;
+
+  var locationId = (0, _breakpoint.makePendingLocationId)(breakpoint.location);
+  var pendingBreakpoint = (0, _breakpoint.createPendingBreakpoint)(breakpoint);
+
+  if (previousLocation) {
+    return state.deleteIn(["pendingBreakpoints", (0, _breakpoint.makePendingLocationId)(previousLocation)]).setIn(["pendingBreakpoints", locationId], pendingBreakpoint);
+  }
+
+  return state.setIn(["pendingBreakpoints", locationId], pendingBreakpoint);
+}
+
 function updateBreakpoint(state, action) {
   var breakpoint = action.breakpoint;
 
   var locationId = (0, _breakpoint.makePendingLocationId)(breakpoint.location);
   var pendingBreakpoint = (0, _breakpoint.createPendingBreakpoint)(breakpoint);
 
   return state.setIn(["pendingBreakpoints", locationId], pendingBreakpoint);
 }
@@ -43103,16 +43163,21 @@ function removeBreakpoint(state, action)
 
 // Selectors
 // TODO: these functions should be moved out of the reducer
 
 function getPendingBreakpoints(state) {
   return state.pendingBreakpoints.pendingBreakpoints;
 }
 
+function getPendingBreakpointsForSource(state, sourceUrl) {
+  var pendingBreakpoints = state.pendingBreakpoints.pendingBreakpoints || [];
+  return pendingBreakpoints.filter(pendingBreakpoint => pendingBreakpoint.location.sourceUrl === sourceUrl);
+}
+
 function restorePendingBreakpoints() {
   return I.Map(_prefs.prefs.pendingBreakpoints);
 }
 
 exports.default = update;
 
 /***/ }),
 /* 1134 */
@@ -43275,18 +43340,19 @@ function _asyncToGenerator(fn) { return 
 
 exports.default = (() => {
   var _ref = _asyncToGenerator(function* (getState, client, sourceMaps, _ref2) {
     var breakpoint = _ref2.breakpoint;
 
     var state = getState();
 
     var source = (0, _selectors.getSource)(state, breakpoint.location.sourceId);
+    var sourceRecord = source.toJS();
     var location = _extends({}, breakpoint.location, { sourceUrl: source.get("url") });
-    var generatedLocation = yield (0, _sourceMaps.getGeneratedLocation)(state, source.toJS(), location, sourceMaps);
+    var generatedLocation = yield (0, _sourceMaps.getGeneratedLocation)(state, sourceRecord, location, sourceMaps);
 
     (0, _breakpoint.assertLocation)(location);
     (0, _breakpoint.assertLocation)(generatedLocation);
 
     if ((0, _breakpoint.breakpointExists)(state, location)) {
       var _newBreakpoint = _extends({}, breakpoint, { location, generatedLocation });
       (0, _breakpoint.assertBreakpoint)(_newBreakpoint);
       return { breakpoint: _newBreakpoint };
@@ -43295,23 +43361,26 @@ exports.default = (() => {
     var _ref3 = yield client.setBreakpoint(generatedLocation, breakpoint.condition, sourceMaps.isOriginalId(location.sourceId)),
         id = _ref3.id,
         hitCount = _ref3.hitCount,
         actualLocation = _ref3.actualLocation;
 
     var newGeneratedLocation = actualLocation || generatedLocation;
     var newLocation = yield sourceMaps.getOriginalLocation(newGeneratedLocation);
 
+    var astLocation = yield (0, _breakpoint.getASTLocation)(sourceRecord, location);
+
     var newBreakpoint = {
       id,
       disabled: false,
       hidden: breakpoint.hidden,
       loading: false,
       condition: breakpoint.condition,
       location: newLocation,
+      astLocation,
       hitCount,
       generatedLocation: newGeneratedLocation
     };
 
     (0, _breakpoint.assertBreakpoint)(newBreakpoint);
 
     var previousLocation = (0, _breakpoint.locationMoved)(location, newLocation) ? location : null;
 
@@ -43337,107 +43406,117 @@ exports.default = (() => {
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.syncClientBreakpoint = undefined;
 
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
+var makeScopedLocation = (() => {
+  var _ref = _asyncToGenerator(function* (_ref2, location, source) {
+    var name = _ref2.name,
+        offset = _ref2.offset;
+
+    var scope = yield (0, _breakpoint.findScopeByName)(source, name);
+    // fallback onto the location line, if the scope is not found
+    // note: we may at some point want to delete the breakpoint if the scope
+    // disappears
+    var line = scope ? scope.location.start.line + offset.line : location.line;
+    return {
+      line,
+      column: location.column,
+      sourceUrl: source.url,
+      sourceId: source.id
+    };
+  });
+
+  return function makeScopedLocation(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+})();
+
 // we have three forms of syncing: disabled syncing, existing server syncing
 // and adding a new breakpoint
 var syncClientBreakpoint = exports.syncClientBreakpoint = (() => {
-  var _ref = _asyncToGenerator(function* (getState, client, sourceMaps, source, pendingBreakpoint) {
-    var sourceId = source.id;
+  var _ref3 = _asyncToGenerator(function* (getState, client, sourceMaps, sourceId, pendingBreakpoint) {
+    (0, _breakpoint.assertPendingBreakpoint)(pendingBreakpoint);
+
+    var source = (0, _selectors.getSource)(getState(), sourceId).toJS();
     var generatedSourceId = sourceMaps.isOriginalId(sourceId) ? (0, _devtoolsSourceMap.originalToGeneratedId)(sourceId) : sourceId;
 
+    var location = pendingBreakpoint.location,
+        astLocation = pendingBreakpoint.astLocation;
+
+    var previousLocation = _extends({}, location, { sourceId });
+
+    var scopedLocation = yield makeScopedLocation(astLocation, previousLocation, source);
+
+    var scopedGeneratedLocation = yield (0, _sourceMaps.getGeneratedLocation)(getState(), source, scopedLocation, sourceMaps);
+
     // this is the generatedLocation of the pending breakpoint, with
     // the source id updated to reflect the new connection
     var generatedLocation = _extends({}, pendingBreakpoint.generatedLocation, {
       sourceId: generatedSourceId
     });
 
-    var location = _extends({}, pendingBreakpoint.location, {
-      sourceId
-    });
-
-    (0, _breakpoint3.assertPendingBreakpoint)(pendingBreakpoint);
-
-    /** ******* CASE 1: Disabled ***********/
-    // early return if breakpoint is disabled, send overrides to update
-    // the id as expected
-    if (pendingBreakpoint.disabled) {
-      var _newLocation = yield sourceMaps.getOriginalLocation(generatedLocation);
-
-      var _breakpoint = _extends({}, pendingBreakpoint, {
-        id: (0, _breakpoint3.makeLocationId)(_newLocation),
-        generatedLocation,
-        location: _newLocation
-      });
-
-      var previousLocation = (0, _breakpoint3.locationMoved)(location, _newLocation) ? location : null;
-
-      (0, _breakpoint3.assertBreakpoint)(_breakpoint);
-      return { breakpoint: _breakpoint, previousLocation };
-    }
-
-    /** ******* CASE 2: Merge Server Breakpoint ***********/
-    // early return if breakpoint exists on the server, send overrides
-    // to update the id as expected
+    var isSameLocation = !(0, _breakpoint.locationMoved)(generatedLocation, scopedGeneratedLocation);
+
     var existingClient = client.getBreakpointByLocation(generatedLocation);
 
+    /** ******* CASE 1: No server change ***********/
+    // early return if breakpoint is disabled or we are in the sameLocation
+    // send update only to redux
+    if (pendingBreakpoint.disabled || existingClient && isSameLocation) {
+      return createSyncData(pendingBreakpoint, scopedLocation, scopedGeneratedLocation);
+    }
+
+    // clear server breakpoints if they exist and we have moved
     if (existingClient) {
-      var _newGeneratedLocation = yield (0, _sourceMaps.getGeneratedLocation)(getState(), source, location, sourceMaps);
-
-      if ((0, _breakpoint3.locationMoved)(generatedLocation, _newGeneratedLocation)) {
-        yield client.removeBreakpoint(generatedLocation);
-        yield client.setBreakpoint(_newGeneratedLocation, pendingBreakpoint.condition, sourceMaps.isOriginalId(sourceId));
-      }
-
-      var _breakpoint2 = _extends({}, pendingBreakpoint, {
-        id: (0, _breakpoint3.makeLocationId)(location),
-        generatedLocation: _newGeneratedLocation,
-        location: location
-      });
-
-      (0, _breakpoint3.assertBreakpoint)(_breakpoint2);
-      return { breakpoint: _breakpoint2, previousLocation: location };
-    }
-
-    /** ******* CASE 3: Add New Breakpoint ***********/
+      yield client.removeBreakpoint(generatedLocation);
+    }
+
+    /** ******* 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.
-    var clientBreakpoint = yield client.setBreakpoint(generatedLocation, pendingBreakpoint.condition, sourceMaps.isOriginalId(sourceId));
-
+    var clientBreakpoint = yield client.setBreakpoint(scopedGeneratedLocation, pendingBreakpoint.condition, sourceMaps.isOriginalId(sourceId));
+
+    // the breakpoint might have slid server side, so we want to get the location
+    // based on the server's return value
     var newGeneratedLocation = clientBreakpoint.actualLocation;
     var newLocation = yield sourceMaps.getOriginalLocation(newGeneratedLocation);
 
-    var breakpoint = _extends({}, pendingBreakpoint, {
-      id: (0, _breakpoint3.makeLocationId)(newGeneratedLocation),
-      generatedLocation: newGeneratedLocation,
-      location: newLocation
-    });
-
-    (0, _breakpoint3.assertBreakpoint)(breakpoint);
-    return { breakpoint, previousLocation: location };
-  });
-
-  return function syncClientBreakpoint(_x, _x2, _x3, _x4, _x5) {
-    return _ref.apply(this, arguments);
+    return createSyncData(pendingBreakpoint, newLocation, newGeneratedLocation, previousLocation);
+  });
+
+  return function syncClientBreakpoint(_x5, _x6, _x7, _x8, _x9) {
+    return _ref3.apply(this, arguments);
   };
 })();
 
-var _breakpoint3 = __webpack_require__(1057);
+var _breakpoint = __webpack_require__(1057);
 
 var _sourceMaps = __webpack_require__(797);
 
 var _devtoolsSourceMap = __webpack_require__(898);
 
+var _selectors = __webpack_require__(242);
+
 function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
 
+function createSyncData(pendingBreakpoint, location, generatedLocation) {
+  var previousLocation = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+
+  var overrides = _extends({}, pendingBreakpoint, { generatedLocation });
+  var breakpoint = (0, _breakpoint.createBreakpoint)(location, overrides);
+
+  (0, _breakpoint.assertBreakpoint)(breakpoint);
+  return { breakpoint, previousLocation };
+}
+
 /***/ }),
 /* 1138 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
@@ -43459,17 +43538,17 @@ function _interopRequireDefault(obj) { r
  */
 function ignoreWhiteSpace(str) {
   return (/^\s{0,2}$/.test(str) ? "(?!\\s*.*)" : str
   );
 }
 
 
 function wholeMatch(query, wholeWord) {
-  if (query == "" || !wholeWord) {
+  if (query === "" || !wholeWord) {
     return query;
   }
 
   return `\\b${query}\\b`;
 }
 
 function buildFlags(caseSensitive, isGlobal) {
   if (caseSensitive && isGlobal) {
@@ -43492,17 +43571,17 @@ function buildQuery(originalQuery, modif
       isGlobal = _ref$isGlobal === undefined ? false : _ref$isGlobal,
       _ref$ignoreSpaces = _ref.ignoreSpaces,
       ignoreSpaces = _ref$ignoreSpaces === undefined ? false : _ref$ignoreSpaces;
   var caseSensitive = modifiers.caseSensitive,
       regexMatch = modifiers.regexMatch,
       wholeWord = modifiers.wholeWord;
 
 
-  if (originalQuery == "") {
+  if (originalQuery === "") {
     return new RegExp(originalQuery);
   }
 
   var query = originalQuery;
   if (ignoreSpaces) {
     query = ignoreWhiteSpace(query);
   }
 
@@ -43582,29 +43661,28 @@ class ProjectSearch extends _react.Compo
   }
 
   componentWillUnmount() {
     var shortcuts = this.context.shortcuts;
     shortcuts.off(L10N.getStr("projectTextSearch.key"), this.toggleProjectTextSearch);
 
     var searchKeys = [L10N.getStr("sources.search.key2"), L10N.getStr("sources.search.alt.key")];
     searchKeys.forEach(key => shortcuts.off(key, this.toggleSourceSearch));
-    shortcuts.off("Escape", this.onEscape);
   }
 
   toggleProjectTextSearch(key, e) {
     var _props = this.props,
         closeActiveSearch = _props.closeActiveSearch,
         setActiveSearch = _props.setActiveSearch;
 
     if (e) {
       e.preventDefault();
     }
 
-    if (!_prefs.prefs.projectTextSearchEnabled) {
+    if (!_prefs.features.projectTextSearch) {
       return;
     }
 
     if (this.isProjectSearchEnabled()) {
       return closeActiveSearch();
     }
     return setActiveSearch("project");
   }
@@ -43659,17 +43737,17 @@ class ProjectSearch extends _react.Compo
         searchSources = _props4.searchSources,
         closeActiveSearch = _props4.closeActiveSearch,
         selectSource = _props4.selectSource,
         textSearchQuery = _props4.textSearchQuery;
 
 
     return _react2.default.createElement(_TextSearch2.default, {
       sources: sources,
-      results: results.valueSeq().toJS(),
+      results: results.toJS(),
       searchSources: searchSources,
       closeActiveSearch: closeActiveSearch,
       selectSource: selectSource,
       query: textSearchQuery,
       searchBottomBar: _react2.default.createElement(_ToggleSearch2.default, { kind: "project", toggle: this.toggleSourceSearch })
     });
   }
 
@@ -43703,17 +43781,17 @@ ProjectSearch.propTypes = {
 ProjectSearch.contextTypes = {
   shortcuts: _react.PropTypes.object
 };
 
 ProjectSearch.displayName = "ProjectSearch";
 
 exports.default = (0, _reactRedux.connect)(state => ({
   sources: (0, _selectors.getSources)(state),
-  activeSearch: (0, _selectors.getActiveSearchState)(state),
+  activeSearch: (0, _selectors.getActiveSearch)(state),
   results: (0, _selectors.getTextSearchResults)(state),
   textSearchQuery: (0, _selectors.getTextSearchQuery)(state),
   sourceSearchQuery: (0, _selectors.getSourceSearchQuery)(state)
 }), dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(ProjectSearch);
 
 /***/ }),
 /* 1140 */,
 /* 1141 */
@@ -43737,69 +43815,38 @@ var _utils = __webpack_require__(234);
 var _Autocomplete = __webpack_require__(342);
 
 var _Autocomplete2 = _interopRequireDefault(_Autocomplete);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 class SourceSearch extends _react.Component {
 
-  constructor(props) {
-    super(props);
-
-    this.close = this.close.bind(this);
-  }
-
-  componentWillUnmount() {
-    var shortcuts = this.context.shortcuts;
-    shortcuts.off("Escape", this.onEscape);
-  }
-
-  componentDidMount() {
-    var shortcuts = this.context.shortcuts;
-    shortcuts.on("Escape", this.onEscape);
-  }
-
-  onEscape(shortcut, e) {
-    if (this.isProjectSearchEnabled()) {
-      e.preventDefault();
-      this.close();
-    }
-  }
-
   searchResults(sourceMap) {
     return sourceMap.valueSeq().toJS().filter(source => !(0, _source.isPretty)(source)).map(source => ({
       value: (0, _source.getSourcePath)(source),
       title: (0, _source.getSourcePath)(source).split("/").pop(),
       subtitle: (0, _utils.endTruncateStr)((0, _source.getSourcePath)(source), 100),
       id: source.id
     }));
   }
 
-  close() {
-    this.props.clearQuery();
-    this.props.closeActiveSearch();
-  }
-
   render() {
     var _props = this.props,
         sources = _props.sources,
         searchBottomBar = _props.searchBottomBar,
         selectSource = _props.selectSource,
         query = _props.query,
         setQuery = _props.setQuery;
 
     return _react2.default.createElement(
       _Autocomplete2.default,
       {
-        selectItem: (e, result) => {
-          selectSource(result.id);
-          this.close();
-        },
-        close: this.close,
+        selectItem: (e, result) => selectSource(result.id),
+        close: this.props.closeActiveSearch,
         items: this.searchResults(sources),
         inputValue: query,
         placeholder: L10N.getStr("sourceSearch.search"),
         onChangeHandler: setQuery,
         size: "big"
       },
       searchBottomBar
     );
@@ -43873,36 +43920,40 @@ class PrimaryPanes extends _react.Compon
     this.setState({ selectedPane });
   }
 
   renderOutlineTabs() {
     if (!(0, _devtoolsConfig.isEnabled)("outline")) {
       return;
     }
 
+    var sources = (0, _text.formatKeyShortcut)(L10N.getStr("sources.header"));
+
+    var outline = (0, _text.formatKeyShortcut)(L10N.getStr("outline.header"));
+
     return [_react2.default.createElement(
       "div",
       {
         className: (0, _classnames2.default)("tab", {
           active: this.state.selectedPane === "sources"
         }),
         onClick: () => this.showPane("sources"),
         key: "sources-tab"
       },
-      "Sources View"
+      sources
     ), _react2.default.createElement(
       "div",
       {
         className: (0, _classnames2.default)("tab", {
           active: this.state.selectedPane === "outline"
         }),
         onClick: () => this.showPane("outline"),
         key: "outline-tab"
       },
-      "Outline View"
+      outline
     )];
   }
 
   renderFooter() {
     return _react2.default.createElement(
       "div",
       { className: "source-footer" },
       this.renderOutlineTabs()
@@ -43957,29 +44008,92 @@ class PrimaryPanes extends _react.Compon
     );
   }
 }
 
 PrimaryPanes.displayName = "PrimaryPanes";
 
 exports.default = (0, _reactRedux.connect)(state => ({
   sources: (0, _selectors.getSources)(state),
-  sourceSearchOn: (0, _selectors.getActiveSearchState)(state) === "source"
+  sourceSearchOn: (0, _selectors.getActiveSearch)(state) === "source"
 }), dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(PrimaryPanes);
 
 /***/ }),
 /* 1143 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.loadSourceText = loadSourceText;
+
+var _promise = __webpack_require__(193);
+
+var _ast = __webpack_require__(1059);
+
+function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
+
+/**
+ * @memberof actions/sources
+ * @static
+ */
+function loadSourceText(source) {
+  return (() => {
+    var _ref = _asyncToGenerator(function* (_ref2) {
+      var dispatch = _ref2.dispatch,
+          getState = _ref2.getState,
+          client = _ref2.client,
+          sourceMaps = _ref2.sourceMaps;
+
+      // Fetch the source text only once.
+      if (source.text) {
+        return Promise.resolve(source);
+      }
+
+      yield dispatch({
+        type: "LOAD_SOURCE_TEXT",
+        source: source,
+        [_promise.PROMISE]: _asyncToGenerator(function* () {
+          if (sourceMaps.isOriginalId(source.id)) {
+            return yield sourceMaps.getOriginalSourceText(source);
+          }
+
+          var response = yield client.sourceContents(source.id);
+
+          return {
+            id: source.id,
+            text: response.source,
+            contentType: response.contentType || "text/javascript"
+          };
+        })()
+      });
+
+      yield dispatch((0, _ast.setSymbols)(source.id));
+      yield dispatch((0, _ast.setEmptyLines)(source.id));
+    });
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  })();
+}
+
+/***/ }),
+/* 1144 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.setSourceSearchQuery = setSourceSearchQuery;
 exports.clearSourceSearchQuery = clearSourceSearchQuery;
 function setSourceSearchQuery(queryString) {
   return (_ref) => {
     var dispatch = _ref.dispatch,
         getState = _ref.getState;
 
     dispatch({
@@ -43996,96 +44110,16 @@ function clearSourceSearchQuery() {
 
     dispatch({
       type: "CLEAR_QUERY_STRING"
     });
   };
 }
 
 /***/ }),
-/* 1144 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _reactRedux = __webpack_require__(151);
-
-var _redux = __webpack_require__(3);
-
-var _react = __webpack_require__(0);
-
-var _actions = __webpack_require__(244);
-
-var _actions2 = _interopRequireDefault(_actions);
-
-var _selectors = __webpack_require__(242);
-
-__webpack_require__(1146);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class EmptyLines extends _react.Component {
-
-  componentDidMount() {
-    this.disableEmptyLines();
-  }
-
-  componentDidUpdate() {
-    this.disableEmptyLines();
-  }
-
-  componentWillUnmount() {
-    var _props = this.props,
-        emptyLines = _props.emptyLines,
-        editor = _props.editor;
-
-
-    if (!emptyLines) {
-      return;
-    }
-    editor.codeMirror.operation(() => {
-      emptyLines.forEach(line => editor.codeMirror.removeLineClass(line, "line", "empty-line"));
-    });
-  }
-
-  disableEmptyLines() {
-    var _props2 = this.props,
-        emptyLines = _props2.emptyLines,
-        editor = _props2.editor;
-
-
-    if (!emptyLines) {
-      return;
-    }
-    editor.codeMirror.operation(() => {
-      emptyLines.forEach(line => editor.codeMirror.addLineClass(line, "line", "empty-line"));
-    });
-  }
-
-  render() {
-    return null;
-  }
-}
-
-EmptyLines.displayName = "EmptyLines";
-
-exports.default = (0, _reactRedux.connect)(state => {
-  var selectedSource = (0, _selectors.getSelectedSource)(state);
-  return {
-    selectedSource,
-    emptyLines: selectedSource ? (0, _selectors.getEmptyLines)(state, selectedSource.toJS()) : []
-  };
-}, dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(EmptyLines);
-
-/***/ }),
 /* 1145 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -44132,27 +44166,28 @@ class Outline extends _react.Component {
     }
     var selectedSourceId = selectedSource.get("id");
     var startLine = location.start.line;
     selectSource(selectedSourceId, { line: startLine });
   }
 
   renderFunction(func) {
     var name = func.name,
-        location = func.location;
+        location = func.location,
+        parameterNames = func.parameterNames;
 
 
     return _react2.default.createElement(
       "li",
       {
         key: `${name}:${location.start.line}:${location.start.column}`,
         className: "outline-list__element",
         onClick: () => this.selectItem(location)
       },
-      _react2.default.createElement(_PreviewFunction2.default, { func: { name } })
+      _react2.default.createElement(_PreviewFunction2.default, { func: { name, parameterNames } })
     );
   }
 
   renderFunctions() {
     var symbols = this.props.symbols;
 
 
     return symbols.functions.filter(func => func.name != "anonymous").map(func => this.renderFunction(func));
@@ -44185,82 +44220,96 @@ exports.default = (0, _reactRedux.connec
   return {
     symbols: (0, _selectors.getSymbols)(state, selectedSource && selectedSource.toJS()),
     selectedSource
   };
 }, dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(Outline);
 
 /***/ }),
 /* 1146 */
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ }),
-/* 1147 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Workers = undefined;
-
-var _react = __webpack_require__(0);
-
-var _react2 = _interopRequireDefault(_react);
-
-__webpack_require__(1149);
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
 var _reactRedux = __webpack_require__(151);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class Workers extends _react.PureComponent {
-  renderWorkers(workers) {
-    return workers.map(w => _react2.default.createElement(
-      "div",
-      null,
-      w
-    ));
-  }
-
-  renderNoWorkersPlaceholder() {
-    return L10N.getStr("noWorkersText");
-  }
-
-  render() {
-    var workers = this.props.workers;
-
-    return _react2.default.createElement(
-      "div",
-      { className: "pane" },
-      _react2.default.createElement(
-        "div",
-        { className: "pane-info" },
-        workers && workers.length > 0 ? this.renderWorkers(workers) : this.renderNoWorkersPlaceholder()
-      )
-    );
-  }
-}
-
-exports.Workers = Workers;
-Workers.displayName = "Workers";
-Workers.propTypes = {
-  workers: _react.PropTypes.array.isRequired
-};
-
-function mapStateToProps(state) {
-  return { workers: [] };
-}
-exports.default = (0, _reactRedux.connect)(mapStateToProps)(Workers);
-
-/***/ }),
+var _redux = __webpack_require__(3);
+
+var _react = __webpack_require__(0);
+
+var _actions = __webpack_require__(244);
+
+var _actions2 = _interopRequireDefault(_actions);
+
+var _selectors = __webpack_require__(242);
+
+__webpack_require__(1161);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class EmptyLines extends _react.Component {
+
+  componentDidMount() {
+    this.disableEmptyLines();
+  }
+
+  componentDidUpdate() {
+    this.disableEmptyLines();
+  }
+
+  componentWillUnmount() {
+    var _props = this.props,
+        emptyLines = _props.emptyLines,
+        editor = _props.editor;
+
+
+    if (!emptyLines) {
+      return;
+    }
+    editor.codeMirror.operation(() => {
+      emptyLines.forEach(line => editor.codeMirror.removeLineClass(line, "line", "empty-line"));
+    });
+  }
+
+  disableEmptyLines() {
+    var _props2 = this.props,
+        emptyLines = _props2.emptyLines,
+        editor = _props2.editor;
+
+
+    if (!emptyLines) {
+      return;
+    }
+    editor.codeMirror.operation(() => {
+      emptyLines.forEach(line => editor.codeMirror.addLineClass(line, "line", "empty-line"));
+    });
+  }
+
+  render() {
+    return null;
+  }
+}
+
+EmptyLines.displayName = "EmptyLines";
+
+exports.default = (0, _reactRedux.connect)(state => {
+  var selectedSource = (0, _selectors.getSelectedSource)(state);
+  return {
+    selectedSource,
+    emptyLines: selectedSource ? (0, _selectors.getEmptyLines)(state, selectedSource.toJS()) : []
+  };
+}, dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(EmptyLines);
+
+/***/ }),
+/* 1147 */,
 /* 1148 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -44564,19 +44613,74 @@ exports.default = (0, _reactRedux.connec
     shownSource: (0, _selectors.getShownSource)(state),
     selectedSource: (0, _selectors.getSelectedSource)(state),
     debuggeeUrl: (0, _selectors.getDebuggeeUrl)(state)
   };
 }, dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(SourcesTree);
 
 /***/ }),
 /* 1149 */
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Workers = undefined;
+
+var _react = __webpack_require__(0);
+
+var _react2 = _interopRequireDefault(_react);
+
+__webpack_require__(1162);
+
+var _reactRedux = __webpack_require__(151);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class Workers extends _react.PureComponent {
+  renderWorkers(workers) {
+    return workers.map(w => _react2.default.createElement(
+      "div",
+      null,
+      w
+    ));
+  }
+
+  renderNoWorkersPlaceholder() {
+    return L10N.getStr("noWorkersText");
+  }
+
+  render() {
+    var workers = this.props.workers;
+
+    return _react2.default.createElement(
+      "div",
+      { className: "pane" },
+      _react2.default.createElement(
+        "div",
+        { className: "pane-info" },
+        workers && workers.length > 0 ? this.renderWorkers(workers) : this.renderNoWorkersPlaceholder()
+      )
+    );
+  }
+}
+
+exports.Workers = Workers;
+Workers.displayName = "Workers";
+Workers.propTypes = {
+  workers: _react.PropTypes.array.isRequired
+};
+
+function mapStateToProps(state) {
+  return { workers: [] };
+}
+exports.default = (0, _reactRedux.connect)(mapStateToProps)(Workers);
 
 /***/ }),
 /* 1150 */,
 /* 1151 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
@@ -45830,18 +45934,28 @@ exports.default = (0, _reactRedux.connec
     selectedSource,
     callSites: getCallSites(symbols, breakpoints),
     breakpoints: breakpoints
   };
 }, dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(CallSites);
 
 /***/ }),
 /* 1160 */,
-/* 1161 */,
-/* 1162 */,
+/* 1161 */
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+/* 1162 */
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
 /* 1163 */,
 /* 1164 */,
 /* 1165 */,
 /* 1166 */,
 /* 1167 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -46015,48 +46129,32 @@ class SymbolModal extends _react.Compone
     self.onChange = this.onChange.bind(this);
     self.onKeyUp = this.onKeyUp.bind(this);
     self.updateResults = this.updateResults.bind(this);
     self.traverseResults = this.traverseResults.bind(this);
     self.renderResults = this.renderResults.bind(this);
     self.buildSummaryMsg = this.buildSummaryMsg.bind(this);
     self.buildPlaceHolder = this.buildPlaceHolder.bind(this);
     self.selectResultItem = this.selectResultItem.bind(this);
-    self.openSymbolModal = this.openSymbolModal.bind(this);
-  }
-
-  componentWillUnmount() {
-    var shortcuts = this.context.shortcuts;
-    shortcuts.off(L10N.getStr("symbolSearch.search.key2"));
-    shortcuts.off("Escape");
   }
 
   componentDidMount() {
-    var shortcuts = this.context.shortcuts;
-    shortcuts.on(L10N.getStr("symbolSearch.search.key2"), this.openSymbolModal);
-    shortcuts.on("Escape", this.closeModal);
     this.updateResults(this.state.query);
   }
 
   componentDidUpdate(prevProps, prevState) {
     if (this.refs.resultList && this.refs.resultList.refs) {
       (0, _resultList.scrollList)(this.refs.resultList.refs, this.state.resultsIndex);
     }
 
     if (!prevProps.enabled && this.props.enabled) {
       this.updateResults(this.state.query);
     }
   }
 
-  openSymbolModal(_, e) {
-    e.preventDefault();
-    e.stopPropagation();
-    this.props.setActiveSearch("symbol");
-  }
-
   onClick(e) {
     e.stopPropagation();
   }
 
   onChange(e) {
     var selectedSource = this.props.selectedSource;
 
     if (!selectedSource || !selectedSource.get("text")) {
@@ -46065,17 +46163,16 @@ class SymbolModal extends _react.Compone
 
     this.setState({ query: e.target.value });
     return this.updateResults(e.target.value);
   }
 
   closeModal() {
     this.props.closeActiveSearch();
     this.props.clearHighlightLineRange();
-    this.setState({ query: "" });
   }
 
   selectResultItem(e, item) {
     var _props = this.props,
         selectSource = _props.selectSource,
         selectedSource = _props.selectedSource;
 
 
@@ -46269,26 +46366,26 @@ function _getFormattedSymbols(state, sou
     variables: variables.map(formatSymbol),
     functions: functions.map(formatSymbol)
   };
 }
 
 exports.default = (0, _reactRedux.connect)(state => {
   var source = (0, _selectors.getSelectedSource)(state);
   return {
-    enabled: Boolean((0, _selectors.getActiveSearchState)(state) === "symbol" && source),
+    enabled: Boolean((0, _selectors.getActiveSearch)(state) === "symbol" && source),
     symbolType: (0, _selectors.getSymbolSearchType)(state),
     symbols: _getFormattedSymbols(state, source)
   };
 }, dispatch => (0, _redux.bindActionCreators)(_actions2.default, dispatch))(SymbolModal);
 
 /***/ }),
 /* 1171 */,
 /* 1172 */,
 /* 1173 */,
 /* 1174 */
 /***/ (function(module, exports) {
 
 module.exports = "<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\" 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\"></dc></cc:Work></rdf:RDF></metadata><defs id=\"defs6\"></defs><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\"></path></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\"></path></g></g></svg>"
 
 /***/ })
 /******/ ]);
-});
+});
\ No newline at end of file