# 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/.

<toolbox id="navigator-toolbox">

  <vbox id="titlebar">
    <!-- Menu -->
    <toolbar type="menubar" id="toolbar-menubar"
             class="browser-toolbar chromeclass-menubar titlebar-color"
             customizable="true"
             mode="icons"
             context="toolbar-context-menu">
      <toolbaritem id="menubar-items" align="center">
# The entire main menubar is placed into browser-menubar.inc, so that it can be
# shared with other top level windows in macWindow.inc.xhtml.
#include browser-menubar.inc
      </toolbaritem>
      <spacer flex="1" skipintoolbarset="true" style="order: 1000;"/>
#include titlebar-items.inc.xhtml
    </toolbar>

    <toolbar id="TabsToolbar"
             class="browser-toolbar titlebar-color"
             fullscreentoolbar="true"
             customizable="true"
             customizationtarget="TabsToolbar-customization-target"
             mode="icons"
             data-l10n-id="tabs-toolbar"
             context="toolbar-context-menu"
             flex="1">

      <hbox class="titlebar-spacer" type="pre-tabs"/>

      <hbox flex="1" align="end" class="toolbar-items">
        <toolbartabstop/>
        <hbox id="TabsToolbar-customization-target" flex="1">
          <toolbarbutton id="firefox-view-button"
                         class="toolbarbutton-1 chromeclass-toolbar-additional"
                         data-l10n-id="toolbar-button-firefox-view-2"
                         role="button"
                         aria-pressed="false"
                         oncommand="FirefoxViewHandler.openTab();"
                         onmousedown="FirefoxViewHandler.openToolbarMouseEvent(event);"
                         cui-areatype="toolbar"
                         removable="true"/>

          <tabs id="tabbrowser-tabs"
                is="tabbrowser-tabs"
                aria-multiselectable="true"
                setfocus="false"
                tooltip="tabbrowser-tab-tooltip"
                stopwatchid="FX_TAB_CLICK_MS">
            <hbox class="tab-drop-indicator" hidden="true"/>
# If the name (tabbrowser-arrowscrollbox) or structure of this changes
# significantly, there is an optimization in
# DisplayPortUtils::MaybeCreateDisplayPortInFirstScrollFrameEncountered based
# the current structure that we may want to revisit.
            <arrowscrollbox id="tabbrowser-arrowscrollbox" orient="horizontal" flex="1" style="min-width: 1px;" clicktoscroll="true" scrolledtostart="true" scrolledtoend="true">
              <tab is="tabbrowser-tab" class="tabbrowser-tab" selected="true" visuallyselected="" fadein=""/>
              <hbox id="tabbrowser-arrowscrollbox-periphery">
                <toolbartabstop/>
                <toolbarbutton id="tabs-newtab-button"
                               class="toolbarbutton-1"
                               command="cmd_newNavigatorTab"
                               onclick="gBrowser.handleNewTabMiddleClick(this, event);"
                               tooltip="dynamic-shortcut-tooltip"/>
                <spacer class="closing-tabs-spacer" style="width: 0;"/>
              </hbox>
            </arrowscrollbox>
            <html:span id="tabbrowser-tab-a11y-desc" hidden="true"/>
          </tabs>

          <toolbarbutton id="new-tab-button"
                         class="toolbarbutton-1 chromeclass-toolbar-additional"
                         data-l10n-id="tabs-toolbar-new-tab"
                         command="cmd_newNavigatorTab"
                         onclick="gBrowser.handleNewTabMiddleClick(this, event);"
                         tooltip="dynamic-shortcut-tooltip"
                         ondrop="newTabButtonObserver.onDrop(event)"
                         ondragover="newTabButtonObserver.onDragOver(event)"
                         ondragenter="newTabButtonObserver.onDragOver(event)"
                         cui-areatype="toolbar"
                         removable="true"/>

          <toolbarbutton id="alltabs-button"
                         class="toolbarbutton-1 chromeclass-toolbar-additional tabs-alltabs-button"
                         delegatesanchor="true"
                         badged="true"
                         onkeypress="gTabsPanel.showAllTabsPanel(event, 'alltabs-button');"
                         onmousedown="gTabsPanel.showAllTabsPanel(event, 'alltabs-button');"
                         data-l10n-id="tabs-toolbar-list-all-tabs"
                         removable="false"/>
        </hbox>
      </hbox>

      <hbox class="titlebar-spacer" type="post-tabs"/>

      <hbox id="private-browsing-indicator-with-label">
        <image class="private-browsing-indicator-icon"/>
        <label data-l10n-id="private-browsing-indicator-label"></label>
      </hbox>

#include titlebar-items.inc.xhtml

    </toolbar>

  </vbox>

  <toolbar id="nav-bar"
           class="browser-toolbar"
           data-l10n-id="navbar-accessible"
           fullscreentoolbar="true" mode="icons" customizable="true"
           customizationtarget="nav-bar-customization-target"
           overflowable="true"
           default-overflowbutton="nav-bar-overflow-button"
           default-overflowtarget="widget-overflow-list"
           default-overflowpanel="widget-overflow"
           addon-webext-overflowbutton="unified-extensions-button"
           addon-webext-overflowtarget="overflowed-extensions-list"
           context="toolbar-context-menu">

    <toolbartabstop/>

    <hbox id="nav-bar-customization-target" flex="1">
      <toolbarbutton id="back-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
                     data-l10n-id="toolbar-button-back-2"
                     removable="false" overflows="false"
                     keepbroadcastattributeswhencustomizing="true"
                     command="Browser:BackOrBackDuplicate"
                     onclick="checkForMiddleClick(this, event);"
                     tooltip="back-button-tooltip"
                     context="backForwardMenu"/>
      <toolbarbutton id="forward-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
                     data-l10n-id="toolbar-button-forward-2"
                     removable="false" overflows="false"
                     keepbroadcastattributeswhencustomizing="true"
                     command="Browser:ForwardOrForwardDuplicate"
                     onclick="checkForMiddleClick(this, event);"
                     tooltip="forward-button-tooltip"
                     context="backForwardMenu"/>
      <toolbaritem id="stop-reload-button" class="chromeclass-toolbar-additional"
                   data-l10n-id="toolbar-button-stop-reload"
                   removable="true" overflows="false">
        <toolbarbutton id="reload-button" class="toolbarbutton-1"
                       data-l10n-id="toolbar-button-reload"
                       command="Browser:ReloadOrDuplicate"
                       onclick="checkForMiddleClick(this, event);"
                       tooltip="dynamic-shortcut-tooltip">
          <box class="toolbarbutton-animatable-box">
            <image class="toolbarbutton-animatable-image"/>
          </box>
        </toolbarbutton>
        <toolbarbutton id="stop-button" class="toolbarbutton-1"
                       data-l10n-id="toolbar-button-stop"
                       command="Browser:Stop"
                       tooltip="dynamic-shortcut-tooltip">
          <box class="toolbarbutton-animatable-box">
            <image class="toolbarbutton-animatable-image"/>
          </box>
        </toolbarbutton>
      </toolbaritem>
      <toolbarspring cui-areatype="toolbar" class="chromeclass-toolbar-additional"/>
      <toolbaritem id="urlbar-container"
                   removable="false"
                   class="chromeclass-location" overflows="false">
        <toolbartabstop/>
        <hbox id="urlbar" flex="1"
              context=""
              focused="true"
              pageproxystate="invalid">
          <hbox id="urlbar-background"/>
          <hbox id="urlbar-input-container"
                flex="1"
                pageproxystate="invalid">
            <box id="remote-control-box"
                 align="center"
                 collapsed="true">
                <image id="remote-control-icon"/>
            </box>
            <box id="urlbar-search-button"
                 class="chromeclass-toolbar-additional"/>
            <!-- Use onclick instead of normal popup= syntax since the popup
                 code fires onmousedown, and hence eats our favicon drag events. -->
            <box id="tracking-protection-icon-container" align="center"
                 role="button"
                 onclick="gProtectionsHandler.handleProtectionsButtonEvent(event);"
                 onkeypress="gProtectionsHandler.handleProtectionsButtonEvent(event);"
                 onmouseover="gProtectionsHandler.onTrackingProtectionIconHoveredOrFocused();"
                 onfocus="gProtectionsHandler.onTrackingProtectionIconHoveredOrFocused();"
                 tooltip="tracking-protection-icon-tooltip">
              <box id="tracking-protection-icon-box">
                <image id="tracking-protection-icon"/>
              </box>
              <tooltip id="tracking-protection-icon-tooltip">
                <description id="tracking-protection-icon-tooltip-label" class="tooltip-label"/>
              </tooltip>
            </box>
            <box id="identity-box"
                 pageproxystate="invalid"
                 ondragstart="gIdentityHandler.onDragStart(event);">
              <box id="identity-icon-box"
                   role="button"
                   align="center"
                   data-l10n-id="urlbar-identity-button"
                   class="identity-box-button"
                   onclick="gIdentityHandler.handleIdentityButtonEvent(event); PageProxyClickHandler(event);"
                   onkeypress="gIdentityHandler.handleIdentityButtonEvent(event);">
                <image id="identity-icon"/>
                <label id="identity-icon-label" class="plain" crop="center" flex="1"/>
              </box>
              <box id="identity-permission-box"
                   data-l10n-id="urlbar-permissions-granted"
                   role="button"
                   align="center"
                   class="identity-box-button"
                   onclick="gPermissionPanel.handleIdentityButtonEvent(event); PageProxyClickHandler(event);"
                   onkeypress="gPermissionPanel.handleIdentityButtonEvent(event);">
                <image id="permissions-granted-icon"/>
                <box style="pointer-events: none;">
                    <image class="sharing-icon" id="webrtc-sharing-icon"/>
                    <image class="sharing-icon geo-icon" id="geo-sharing-icon"/>
                    <image class="sharing-icon xr-icon" id="xr-sharing-icon"/>
                </box>
                <box id="blocked-permissions-container" align="center">
                  <image data-permission-id="geo" class="blocked-permission-icon geo-icon" role="button"
                        data-l10n-id="urlbar-geolocation-blocked"/>
                  <image data-permission-id="xr" class="blocked-permission-icon xr-icon" role="button"
                        data-l10n-id="urlbar-xr-blocked"/>
                  <image data-permission-id="desktop-notification" class="blocked-permission-icon desktop-notification-icon" role="button"
                        data-l10n-id="urlbar-web-notifications-blocked"/>
                  <image data-permission-id="camera" class="blocked-permission-icon camera-icon" role="button"
                        data-l10n-id="urlbar-camera-blocked"/>
                  <image data-permission-id="microphone" class="blocked-permission-icon microphone-icon" role="button"
                        data-l10n-id="urlbar-microphone-blocked"/>
                  <image data-permission-id="screen" class="blocked-permission-icon screen-icon" role="button"
                        data-l10n-id="urlbar-screen-blocked"/>
                  <image data-permission-id="persistent-storage" class="blocked-permission-icon persistent-storage-icon" role="button"
                        data-l10n-id="urlbar-persistent-storage-blocked"/>
                  <image data-permission-id="popup" class="blocked-permission-icon popup-icon" role="button"
                        data-l10n-id="urlbar-popup-blocked"/>
                  <image data-permission-id="autoplay-media" class="blocked-permission-icon autoplay-media-icon" role="button"
                        data-l10n-id="urlbar-autoplay-media-blocked"/>
                  <image data-permission-id="canvas" class="blocked-permission-icon canvas-icon" role="button"
                        data-l10n-id="urlbar-canvas-blocked"/>
                  <image data-permission-id="midi" class="blocked-permission-icon midi-icon" role="button"
                        data-l10n-id="urlbar-midi-blocked"/>
                  <image data-permission-id="install" class="blocked-permission-icon install-icon" role="button"
                        data-l10n-id="urlbar-install-blocked"/>
                  <!-- A speaker icon for blocked speaker selection is not
                       shown because, without text, this may be interpreted as
                       active or blocked audio. -->
                </box>
              </box>
              <box id="notification-popup-box"
                   class="anchor-root"
                   hidden="true"
                   align="center">
                <image id="default-notification-icon" class="notification-anchor-icon" role="button"
                       data-l10n-id="urlbar-default-notification-anchor"/>
                <image id="geo-notification-icon" class="notification-anchor-icon geo-icon" role="button"
                       data-l10n-id="urlbar-geolocation-notification-anchor"/>
                <image id="xr-notification-icon" class="notification-anchor-icon xr-icon" role="button"
                       data-l10n-id="urlbar-xr-notification-anchor"/>
                <image id="autoplay-media-notification-icon" class="notification-anchor-icon autoplay-media-icon" role="button"
                       data-l10n-id="urlbar-autoplay-notification-anchor"/>
                <image id="addons-notification-icon" class="notification-anchor-icon install-icon" role="button"
                       data-l10n-id="urlbar-addons-notification-anchor"/>
                <image id="canvas-notification-icon" class="notification-anchor-icon" role="button"
                       data-l10n-id="urlbar-canvas-notification-anchor"/>
                <image id="indexedDB-notification-icon" class="notification-anchor-icon indexedDB-icon" role="button"
                       data-l10n-id="urlbar-indexed-db-notification-anchor"/>
                <image id="password-notification-icon" class="notification-anchor-icon" role="button"
                       data-l10n-id="urlbar-password-notification-anchor"/>
                <image id="web-notifications-notification-icon" class="notification-anchor-icon desktop-notification-icon" role="button"
                       data-l10n-id="urlbar-web-notification-anchor"/>
                <image id="webRTC-shareDevices-notification-icon" class="notification-anchor-icon camera-icon" role="button"
                       data-l10n-id="urlbar-web-rtc-share-devices-notification-anchor"/>
                <image id="webRTC-shareMicrophone-notification-icon" class="notification-anchor-icon microphone-icon" role="button"
                       data-l10n-id="urlbar-web-rtc-share-microphone-notification-anchor"/>
                <image id="webRTC-shareScreen-notification-icon" class="notification-anchor-icon screen-icon" role="button"
                       data-l10n-id="urlbar-web-rtc-share-screen-notification-anchor"/>
                <image id="webRTC-shareSpeaker-notification-icon" class="notification-anchor-icon speaker-icon" role="button"
                       data-l10n-id="urlbar-web-rtc-share-speaker-notification-anchor"/>
                <image id="servicesInstall-notification-icon" class="notification-anchor-icon service-icon" role="button"
                       data-l10n-id="urlbar-services-notification-anchor"/>
                <image id="eme-notification-icon" class="notification-anchor-icon drm-icon" role="button"
                       data-l10n-id="urlbar-eme-notification-anchor"/>
                <image id="persistent-storage-notification-icon" class="notification-anchor-icon persistent-storage-icon" role="button"
                       data-l10n-id="urlbar-persistent-storage-notification-anchor"/>
                <image id="midi-notification-icon" class="notification-anchor-icon midi-icon" role="button"
                       data-l10n-id="urlbar-midi-notification-anchor"/>
                <image id="webauthn-notification-icon" class="notification-anchor-icon" role="button"
                       data-l10n-id="urlbar-web-authn-anchor"/>
                <image id="identity-credential-notification-icon" class="notification-anchor-icon" role="button"
                      data-l10n-id="identity-credential-urlbar-anchor"/>
                <image id="storage-access-notification-icon" class="notification-anchor-icon storage-access-icon" role="button"
                       data-l10n-id="urlbar-storage-access-anchor"/>
              </box>
            </box>
            <box id="urlbar-label-box" align="center">
              <label id="urlbar-label-switchtab" class="urlbar-label" data-l10n-id="urlbar-switch-to-tab"/>
              <label id="urlbar-label-extension" class="urlbar-label" data-l10n-id="urlbar-extension"/>
              <label id="urlbar-label-search-mode" class="urlbar-label"/>
            </box>
            <html:div id="urlbar-search-mode-indicator">
              <html:span id="urlbar-search-mode-indicator-title"/>
              <html:div id="urlbar-search-mode-indicator-close"
                     class="close-button"
                     role="button"
                     aria-labelledby="urlbar-search-mode-indicator-close urlbar-search-mode-indicator-title"
                     data-l10n-id="urlbar-search-mode-indicator-close"/>
            </html:div>
            <moz-input-box tooltip="aHTMLTooltip"
                           class="urlbar-input-box"
                           flex="1"
                           role="combobox"
                           aria-owns="urlbar-results">
              <html:input id="urlbar-scheme"
                          required="required"/>
              <html:input id="urlbar-input"
                          anonid="input"
                          aria-controls="urlbar-results"
                          aria-autocomplete="both"
                          inputmode="mozAwesomebar"
                          data-l10n-id="urlbar-placeholder"
                          data-l10n-attrs="placeholder"/>
            </moz-input-box>
            <image id="urlbar-go-button"
                   class="urlbar-icon"
                   role="button"
                   keyNav="false"
                   onclick="gURLBar.handleCommand(event);"
                   data-l10n-id="urlbar-go-button"/>
            <hbox id="page-action-buttons" context="pageActionContextMenu" align="center">
              <toolbartabstop/>
              <hbox id="contextual-feature-recommendation" role="button" hidden="true">
                <hbox id="cfr-label-container">
                  <label id="cfr-label"/>
                </hbox>
                <hbox id="cfr-button"
                      role="presentation"
                      class="urlbar-page-action">
                  <image class="urlbar-icon"/>
                </hbox>
              </hbox>
              <hbox id="userContext-icons" hidden="true">
                <label id="userContext-label"/>
                <image id="userContext-indicator"/>
              </hbox>
              <hbox id="reader-mode-button"
                    class="urlbar-page-action"
                    role="button"
                    data-l10n-id="reader-view-enter-button"
                    hidden="true"
                    tooltip="dynamic-shortcut-tooltip"
                    onclick="AboutReaderParent.buttonClick(event);">
                <image id="reader-mode-button-icon"
                       class="urlbar-icon"/>
              </hbox>
              <hbox id="picture-in-picture-button"
                    class="urlbar-page-action"
                    role="button"
                    hidden="true"
                    onclick="PictureInPicture.toggleUrlbar(event)">
                <image id="picture-in-picture-button-icon"
                       class="urlbar-icon"/>
              </hbox>
              <hbox id="translations-button"
                    class="urlbar-page-action"
                    role="button"
                    data-l10n-id="urlbar-translations-button2"
                    hidden="true"
                    onclick="FullPageTranslationsPanel.open(event);"
                    onkeypress="FullPageTranslationsPanel.open(event);">
                <image class="urlbar-icon" id="translations-button-icon" />
                <image class="urlbar-icon" id="translations-button-circle-arrows" />
                <html:span id="translations-button-locale" aria-hidden="true" />
              </hbox>
              <hbox id="shopping-sidebar-button"
                  class="urlbar-page-action"
                  role="button"
                  data-l10n-id="shopping-sidebar-open-button2"
                  hidden="true"
                  onclick="ShoppingSidebarParent.urlbarButtonClick(event);">
                <image id="shopping-sidebar-button-icon"
                       class="urlbar-icon"/>
              </hbox>
              <toolbarbutton id="urlbar-zoom-button"
                     onclick="FullZoom.resetFromURLBar(event);"
                     tooltip="dynamic-shortcut-tooltip"
                     hidden="true"/>
              <hbox id="pageActionButton"
                    class="urlbar-page-action"
                    role="button"
                    data-l10n-id="urlbar-page-action-button"
                    onmousedown="BrowserPageActions.mainButtonClicked(event);"
                    onkeypress="BrowserPageActions.mainButtonClicked(event);">
                <image class="urlbar-icon"/>
              </hbox>
              <hbox id="star-button-box"
                    hidden="true"
                    role="button"
                    class="urlbar-page-action"
                    onclick="BrowserPageActions.doCommandForAction(PageActions.actionForID('bookmark'), event, this);">
                <image id="star-button"
                       class="urlbar-icon"/>
              </hbox>
            </hbox>
          </hbox>
        </hbox>
        <toolbartabstop/>
      </toolbaritem>

      <toolbarspring cui-areatype="toolbar" class="chromeclass-toolbar-additional"/>

      <toolbarbutton id="downloads-button"
                     class="toolbarbutton-1 chromeclass-toolbar-additional"
                     delegatesanchor="true"
                     badged="true"
                     key="key_openDownloads"
                     onmousedown="DownloadsIndicatorView.onCommand(event);"
                     onkeypress="DownloadsIndicatorView.onCommand(event);"
                     ondrop="DownloadsIndicatorView.onDrop(event);"
                     ondragover="DownloadsIndicatorView.onDragOver(event);"
                     ondragenter="DownloadsIndicatorView.onDragOver(event);"
                     data-l10n-id="navbar-downloads"
                     removable="true"
                     overflows="false"
                     cui-areatype="toolbar"
                     hidden="true"
                     tooltip="dynamic-shortcut-tooltip">
        <box id="downloads-indicator-anchor"
               consumeanchor="downloads-button">
          <image id="downloads-indicator-icon"/>
        </box>
        <box class="toolbarbutton-animatable-box" id="downloads-indicator-progress-outer">
          <box id="downloads-indicator-progress-inner"/>
        </box>
        <box class="toolbarbutton-animatable-box" id="downloads-indicator-start-box">
          <image class="toolbarbutton-animatable-image" id="downloads-indicator-start-image"/>
        </box>
        <box class="toolbarbutton-animatable-box" id="downloads-indicator-finish-box">
          <image class="toolbarbutton-animatable-image" id="downloads-indicator-finish-image"/>
        </box>
      </toolbarbutton>

      <toolbarbutton id="fxa-toolbar-menu-button" class="toolbarbutton-1 chromeclass-toolbar-additional subviewbutton-nav"
                     badged="true"
                     delegatesanchor="true"
                     onmousedown="gSync.toggleAccountPanel(this, event)"
                     onkeypress="gSync.toggleAccountPanel(this, event)"
                     consumeanchor="fxa-toolbar-menu-button"
                     closemenu="none"
                     data-l10n-id="toolbar-button-account"
                     cui-areatype="toolbar"
                     removable="true">
                     <vbox>
                      <image id="fxa-avatar-image"/>
                     </vbox>
      </toolbarbutton>

      <toolbarbutton id="unified-extensions-button"
                     class="toolbarbutton-1 chromeclass-toolbar-additional"
                     delegatesanchor="true"
                     data-l10n-id="unified-extensions-button"
                     hidden="true"
                     onkeypress="gUnifiedExtensions.togglePanel(event)"
                     onmousedown="gUnifiedExtensions.togglePanel(event)"
                     overflows="false"
                     removable="false"/>
    </hbox>

    <toolbarbutton id="nav-bar-overflow-button"
                   class="toolbarbutton-1 chromeclass-toolbar-additional overflow-button"
                   delegatesanchor="true"
                   skipintoolbarset="true"
                   data-l10n-id="navbar-overflow">
      <box class="toolbarbutton-animatable-box">
        <image class="toolbarbutton-animatable-image"/>
      </box>
    </toolbarbutton>

    <toolbaritem id="PanelUI-button"
                 removable="false">
      <toolbarbutton id="ion-button"
                     class="toolbarbutton-1"
                     delegatesanchor="true"
                     hidden="true"
                     badged="true"
                     tooltiptext="Ion"
                     onmousedown="switchToTabHavingURI('about:ion', true);"
                     onkeypress="switchToTabHavingURI('about:ion', true);"/>
      <toolbarbutton id="PanelUI-menu-button"
                     class="toolbarbutton-1"
                     delegatesanchor="true"
                     badged="true"
                     consumeanchor="PanelUI-button"
                     data-l10n-id="appmenu-menu-button-closed2"/>
    </toolbaritem>
  </toolbar>

  <toolbar id="PersonalToolbar"
           mode="icons"
           class="browser-toolbar chromeclass-directories"
           context="toolbar-context-menu"
           data-l10n-id="bookmarks-toolbar"
           data-l10n-attrs="toolbarname"
           customizable="true">
    <toolbartabstop skipintoolbarset="true"/>

    <hbox id="personal-toolbar-empty" skipintoolbarset="true" removable="false" hidden="true">
      <description id="personal-toolbar-empty-description"
                   data-l10n-id="bookmarks-toolbar-empty-message"
                   onclick="BookmarkingUI.openLibraryIfLinkClicked(event);"
                   onkeydown="BookmarkingUI.openLibraryIfLinkClicked(event);">
        <html:a data-l10n-name="manage-bookmarks" class="text-link" tabindex="0"/>
      </description>
    </hbox>

    <toolbaritem id="personal-bookmarks"
                 data-l10n-id="bookmarks-toolbar-placeholder"
                 cui-areatype="toolbar"
                 removable="true">
      <toolbarbutton id="bookmarks-toolbar-placeholder"
                     class="bookmark-item"
                     data-l10n-id="bookmarks-toolbar-placeholder-button"/>
      <toolbarbutton id="bookmarks-toolbar-button"
                     class="toolbarbutton-1"
                     delegatesanchor="true"
                     flex="1"
                     data-l10n-id="bookmarks-toolbar-placeholder-button"
                     oncommand="PlacesToolbarHelper.onPlaceholderCommand();"/>
      <hbox flex="1"
            id="PlacesToolbar"
            context="placesContext"
            onmouseup="BookmarksEventHandler.onMouseUp(event);"
            onclick="BookmarksEventHandler.onClick(event, this._placesView);"
            oncommand="BookmarksEventHandler.onCommand(event);"
            tooltip="bhTooltip"
            popupsinherittooltip="true">
        <hbox id="PlacesToolbarDropIndicatorHolder" align="center" collapsed="true">
          <image id="PlacesToolbarDropIndicator"
                  collapsed="true"/>
        </hbox>
        <scrollbox orient="horizontal"
                    id="PlacesToolbarItems"
                    flex="1"/>
        <toolbarbutton type="menu"
                        id="PlacesChevron"
                        class="toolbarbutton-1"
                        delegatesanchor="true"
                        collapsed="true"
                        data-l10n-id="bookmarks-toolbar-chevron">
          <menupopup id="PlacesChevronPopup"
                      is="places-popup"
                      placespopup="true"
                      class="toolbar-menupopup"
                      tooltip="bhTooltip" popupsinherittooltip="true"
                      context="placesContext"
                      onpopupshowing="document.getElementById('PlacesToolbar')
                                              ._placesView._onChevronPopupShowing(event);"/>
        </toolbarbutton>
      </hbox>
    </toolbaritem>
  </toolbar>

  <html:template id="tab-notification-deck-template">
    <html:named-deck id="tab-notification-deck"></html:named-deck>
  </html:template>


  <html:template id="BrowserToolbarPalette">
    <toolbarbutton id="import-button"
                   class="toolbarbutton-1 chromeclass-toolbar-additional"
                   oncommand="MigrationUtils.showMigrationWizard(window, { entrypoint: MigrationUtils.MIGRATION_ENTRYPOINTS.BOOKMARKS_TOOLBAR });"
                   data-l10n-id="browser-import-button2"/>

    <toolbarbutton id="new-window-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
                   data-l10n-id="appmenuitem-new-window"
                   command="cmd_newNavigator"
                   tooltip="dynamic-shortcut-tooltip"
                   ondrop="newWindowButtonObserver.onDrop(event)"
                   ondragover="newWindowButtonObserver.onDragOver(event)"
                   ondragenter="newWindowButtonObserver.onDragOver(event)"/>

    <toolbarbutton id="fullscreen-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
                   observes="View:FullScreen"
                   type="checkbox"
                   data-l10n-id="appmenuitem-fullscreen"
                   tooltip="dynamic-shortcut-tooltip"/>

    <toolbarbutton id="bookmarks-menu-button"
                   class="toolbarbutton-1 chromeclass-toolbar-additional subviewbutton-nav"
                   delegatesanchor="true"
                   type="menu"
                   data-l10n-id="bookmarks-menu-button"
                   tooltip="dynamic-shortcut-tooltip"
                   ondragenter="PlacesMenuDNDHandler.onDragEnter(event);"
                   ondragover="PlacesMenuDNDHandler.onDragOver(event);"
                   ondragleave="PlacesMenuDNDHandler.onDragLeave(event);"
                   ondrop="PlacesMenuDNDHandler.onDrop(event);"
                   oncommand="BookmarkingUI.onCommand(event);">
      <menupopup id="BMB_bookmarksPopup"
                 is="places-popup-arrow"
                 class="toolbar-menupopup animatable-menupopup"
                 placespopup="true"
                 context="placesContext"
                 openInTabs="children"
                 side="top"
                 onmouseup="BookmarksEventHandler.onMouseUp(event);"
                 oncommand="BookmarksEventHandler.onCommand(event);"
                 onclick="BookmarksEventHandler.onClick(event, this.parentNode._placesView);"
                 onpopupshowing="BookmarkingUI.onPopupShowing(event);
                                 if (!this.parentNode._placesView)
                                   new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.menuGuid}`);"
                 tooltip="bhTooltip" popupsinherittooltip="true">
        <menuitem id="BMB_viewBookmarksSidebar"
                  data-l10n-id="bookmarks-tools-sidebar-visibility"
                  data-l10n-args='{ "isVisible": false }'
                  oncommand="SidebarUI.toggle('viewBookmarksSidebar');"
                  key="viewBookmarksSidebarKb"/>
        <menuitem id="BMB_searchBookmarks"
                  data-l10n-id="bookmarks-search"
                  oncommand="PlacesCommandHook.searchBookmarks();"/>
        <!-- NB: temporary solution for bug 985024, this should go away soon. -->
        <menuitem id="BMB_bookmarksShowAllTop"
                  data-l10n-id="bookmarks-manage-bookmarks"
                  command="Browser:ShowAllBookmarks"
                  key="manBookmarkKb"/>
        <menuseparator/>
        <menu id="BMB_bookmarksToolbar"
              class="bookmark-item menu-iconic"
              data-l10n-id="bookmarks-toolbar-menu"
              container="true">
          <menupopup id="BMB_bookmarksToolbarPopup"
                     is="places-popup"
                     placespopup="true"
                     context="placesContext"
                     onpopupshowing="if (!this.parentNode._placesView)
                                       new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.toolbarGuid}`);">
            <menuitem id="BMB_viewBookmarksToolbar"
                      data-l10n-id="bookmarks-tools-toolbar-visibility-menuitem"
                      data-l10n-args='{ "isVisible": false }'
                      oncommand="BookmarkingUI.toggleBookmarksToolbar('bookmarks-widget');"/>
            <menuseparator/>
            <!-- Bookmarks toolbar items -->
          </menupopup>
        </menu>
        <menu id="BMB_unsortedBookmarks"
              class="bookmark-item menu-iconic"
              data-l10n-id="bookmarks-other-bookmarks-menu"
              container="true">
          <menupopup id="BMB_unsortedBookmarksPopup"
                     is="places-popup"
                     placespopup="true"
                     context="placesContext"
                     onpopupshowing="if (!this.parentNode._placesView)
                                       new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.unfiledGuid}`);"/>
        </menu>
        <menu id="BMB_mobileBookmarks"
              class="menu-iconic bookmark-item subviewbutton"
              data-l10n-id="bookmarks-mobile-bookmarks-menu"
              hidden="true"
              container="true">
          <menupopup id="BMB_mobileBookmarksPopup"
                     is="places-popup"
                     placespopup="true"
                     context="placesContext"
                     onpopupshowing="if (!this.parentNode._placesView)
                                       new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.mobileGuid}`);"/>
        </menu>

        <menuseparator/>
        <!-- Bookmarks menu items will go here -->
        <menuseparator class="hide-if-empty-places-result"
                       afterplacescontent="true"/>

        <menuitem id="BMB_bookmarksShowAll"
                  data-l10n-id="bookmarks-manage-bookmarks"
                  afterplacescontent="true"
                  command="Browser:ShowAllBookmarks"
                  key="manBookmarkKb"/>
      </menupopup>
    </toolbarbutton>

    <toolbaritem id="search-container"
                 class="chromeclass-toolbar-additional"
                 data-l10n-id="navbar-search"
                 align="center"
                 persist="width">
      <toolbartabstop/>
      <searchbar id="searchbar" flex="1"/>
      <toolbartabstop/>
    </toolbaritem>

    <toolbarbutton id="home-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
                   removable="true"
                   data-l10n-id="navbar-home"
                   ondragover="homeButtonObserver.onDragOver(event)"
                   ondragenter="homeButtonObserver.onDragOver(event)"
                   ondrop="homeButtonObserver.onDrop(event)"
                   key="goHome"
                   onclick="BrowserCommands.home(event);"
                   cui-areatype="toolbar"/>

    <toolbarbutton id="library-button" class="toolbarbutton-1 chromeclass-toolbar-additional subviewbutton-nav"
                   removable="true"
                   delegatesanchor="true"
                   onmousedown="PanelUI.showSubView('appMenu-libraryView', this, event);"
                   onkeypress="PanelUI.showSubView('appMenu-libraryView', this, event);"
                   closemenu="none"
                   cui-areatype="toolbar"
                   data-l10n-id="navbar-library"/>
  </html:template>
</toolbox>